import { AppSidebar } from "@/components/Layouts/AppSidebar"
import { Header } from "@/components/Layouts/Header"
import { Breadcrumbs } from "@/components/Layouts/Breadcrumbs"
import { Toaster } from "@/components/ui/toast"

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="flex h-screen overflow-hidden bg-background">
      <AppSidebar />
      <main className="flex flex-1 flex-col">
        <Header />
        <div className="flex-1 overflow-auto">
          <div className="p-6 lg:p-8">
            <Breadcrumbs />
            <div className="rounded-xl bg-card border border-gray-200 shadow-sm">
              <div className="p-6">
                {children}
              </div>
            </div>
          </div>
        </div>
      </main>
      <Toaster />
    </div>
  )
}
