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

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="flex min-h-screen gap-6 bg-slate-100 p-4 lg:p-6">
      <AppSidebar />
      <main className="flex flex-1 flex-col">
        <Header />
        <div className="flex flex-1 flex-col rounded-3xl bg-white p-6 shadow-sm ring-1 ring-black/5">
          {children}
        </div>
        <Footer className="mt-6" />
      </main>
      <Toaster />
    </div>
  )
}