"use client"

import type { ReactNode } from "react"
import Sidebar from "./sidebar"
import TopNav from "./top-nav"
import { useSidebar } from "./sidebar-provider"

interface LayoutProps {
  children: ReactNode
}

export default function Layout({ children }: LayoutProps) {
  const { isCollapsed, toggleSidebar } = useSidebar()

  return (
    <div>
      <Sidebar isCollapsed={isCollapsed} />
      <div>
        <header>
          <TopNav isCollapsed={isCollapsed} onToggleSidebar={toggleSidebar} />
        </header>
        <main>{children}</main>
      </div>
    </div>
  )
}