22 lines
516 B
TypeScript
22 lines
516 B
TypeScript
'use client'
|
|
|
|
import * as React from 'react'
|
|
|
|
import { useSidebar } from '@/lib/hooks/use-sidebar'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
export interface SidebarProps extends React.ComponentProps<'div'> {}
|
|
|
|
export function Sidebar({ className, children }: SidebarProps) {
|
|
const { isSidebarOpen, isLoading } = useSidebar()
|
|
|
|
return (
|
|
<div
|
|
data-state={isSidebarOpen && !isLoading ? 'open' : 'closed'}
|
|
className={cn(className, 'h-full flex-col dark:bg-zinc-950')}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|