31 lines
723 B
TypeScript
31 lines
723 B
TypeScript
|
import type { ReactNode } from 'react';
|
||
|
|
import { Header } from './Header';
|
||
|
|
import { Sidebar } from './Sidebar';
|
||
|
|
import { useUIStore } from '@/stores/ui';
|
||
|
|
import { cn } from '@/lib/utils';
|
||
|
|
|
||
|
|
interface LayoutProps {
|
||
|
|
children: ReactNode;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Layout({ children }: LayoutProps) {
|
||
|
|
const { sidebarOpen } = useUIStore();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className='min-h-screen bg-background'>
|
||
|
|
<Header />
|
||
|
|
<div className='flex'>
|
||
|
|
<Sidebar />
|
||
|
|
<main
|
||
|
|
className={cn(
|
||
|
|
'flex-1 transition-all duration-200 ease-in-out',
|
||
|
|
sidebarOpen ? 'md:ml-64' : 'ml-0'
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
<div className='p-6'>{children}</div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|