'use client'
import { useEffect } from 'react'
import { useRouter } from 'next/navigation'
import { useAuthStore } from '@/stores/auth-store'
import { Sidebar } from '@/components/layout/sidebar'
export default function DashboardLayout({
children,
}: {
children: React.ReactNode
}) {
const router = useRouter()
const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
useEffect(() => {
if (!isAuthenticated) {
router.push('/login')
}
}, [isAuthenticated, router])
if (!isAuthenticated) {
return null
}
return (
<div className="flex h-screen overflow-hidden">
<Sidebar />
<main className="flex-1 overflow-y-auto bg-background">
<div className="container mx-auto p-6">{children}</div>
</main>
</div>
)
}