import { AppSidebar } from '@/components/app-sidebar';

import WithAuth from '@/components/providers/with-auth';
import { DashboardProvider } from '@/components/providers/dashboard-provider';
import { SidebarProvider, SidebarInset } from '@nice/ui/components/sidebar';
import { SiteHeader } from '@/components/site-header';

export default function DashboardLayout({ children }: { children: React.ReactNode }) {
	return (
		// <WithAuth>

		// </WithAuth>
		<DashboardProvider>
			<SidebarProvider
				style={
					{
						'--sidebar-width': 'calc(var(--spacing) * 72)',
						'--header-height': 'calc(var(--spacing) * 12)',
					} as React.CSSProperties
				}
			>
				<AppSidebar variant="inset" />
				<SidebarInset className="rounded-br-xl overflow-hidden">
					<>
						<SiteHeader></SiteHeader>
						{children}
					</>

				</SidebarInset>
			</SidebarProvider>
		</DashboardProvider>

	);
}
