import { SidebarProvider } from "@/components/ui/sidebar"
import { ReactNode } from "react"
import { DashboardSidebar } from "./_components/sidebar"
import { SidebarClient } from "./_components/sidebar-client"

export default function DashboardLayout({
    children
}: {
    children: ReactNode
}) {
    return (
        <SidebarProvider>
            <SidebarClient>
                <div className="flex w-full min-h-screen">
                    <DashboardSidebar />
                    <main className="overflow-auto flex-1 p-6">
                        {children}
                    </main>
                </div>
            </SidebarClient>
        </SidebarProvider>
    )
}