'use client'

import { AdminSidebar } from './sidebar'
import { AdminHeader } from './header'

interface AdminLayoutProps {
  children: React.ReactNode
}

export function AdminLayout({ children }: AdminLayoutProps) {
  return (
    <div className="flex min-h-screen bg-background">
      {/* Sidebar */}
      <AdminSidebar />

      {/* Main Content */}
      <main className="flex-1 pt-16 md:pt-0 md:ml-0">
        {/* Header */}
        <AdminHeader />

        {/* Page Content */}
        <div className="pt-16 p-4 md:p-8">
          {children}
        </div>
      </main>
    </div>
  )
}