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

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

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

  const userData = {
    name: "Tech Solutions PLC",
    email: "hr@techsolutions.com",
    initials: "TS"
  };

  return (
    <div className="min-h-screen bg-[#f8fafc]">
      <Sidebar
        isOpen={isSidebarOpen}
        onClose={() => setIsSidebarOpen(false)}
        userType="client"
        userData={userData}
      />

      <div className="lg:ml-72">
        <Header
          onMenuClick={() => setIsSidebarOpen(true)}
          userType="client"
          userData={userData}
        />

        <main className="p-4 lg:p-8 pt-20 lg:pt-24">
          {children}
        </main>
      </div>
    </div>
  );
}