// app/(dashboard)/job-seeker/layout.tsx
"use client";

import { useState } from "react";
import { Sidebar } from "@/components/dashboard/Sidebar";
import { Header } from "@/components/dashboard/Header";

export default function JobSeekerLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const [isSidebarOpen, setIsSidebarOpen] = useState(false);

  const userData = {
    name: "Alex Morgan",
    email: "alex.morgan@example.com",
    initials: "AM"
  };

  return (
    <div className="min-h-screen bg-slate-50">
      <Sidebar
        isOpen={isSidebarOpen}
        onClose={() => setIsSidebarOpen(false)}
        userType="job-seeker"
        userData={userData}
      />
      
      <div className="lg:ml-64">
        <Header
          onMenuClick={() => setIsSidebarOpen(true)}
          userType="job-seeker"
          userData={userData}
        />
        
        <main className="p-4 lg:p-5">
          {children}
        </main>
      </div>
    </div>
  );
}