import React from 'react';
import Sidebar from '@/components/layout/Sidebar';

interface DashboardLayoutProps {
  children: React.ReactNode;
  onLogout: () => void;
}

export default function DashboardLayout({ children, onLogout }: DashboardLayoutProps) {
  return (
    <div className="h-screen w-full flex bg-[#e8e8e8] dark:bg-[#1e293b] text-slate-800 dark:text-slate-100 font-sans transition-all duration-300 ease-in-out">
      {/* Intégration de la navbar extraite */}
      <Sidebar onLogout={onLogout} className='my-4 ml-4'/>

      {/* CONTENU PRINCIPAL */}
      <main className="flex-1 overflow-y-auto scrollbar-hide">
        <div>
          {children}
        </div>
      </main>
    </div>
  );
}