// components/dashboard/DashboardLayout.tsx
"use client";

import { useState } from "react";
import { Sidebar } from "./Sidebar";
import { Header } from "./Header";

interface DashboardLayoutProps {
  children: React.ReactNode;
  userType: "job-seeker" | "client";
  userData?: {
    name: string;
    email: string;
    initials: string;
  };
}

export function DashboardLayout({ children, userType, userData }: DashboardLayoutProps) {
  const [isSidebarOpen, setIsSidebarOpen] = useState(false);

  return (
    <div className="min-h-screen bg-[#f8fafc]">
      <Sidebar
        isOpen={isSidebarOpen}
        onClose={() => setIsSidebarOpen(false)}
        userType={userType}
        userData={userData}
      />
      
      <div className="lg:ml-72">
        <Header
          onMenuClick={() => setIsSidebarOpen(true)}
          userType={userType}
          userData={userData}
        />
        
        <main className="p-4 lg:p-8 pt-20 lg:pt-24">
          {children}
        </main>
      </div>
    </div>
  );
}