import { ReactNode } from "react"

import AdminSidebar from "@/components/admin/AdminSidebar"
import AdminHeader from "@/components/admin/AdminHeader"

type Props = {
  children: ReactNode
}

export default function AdminLayout({
  children,
}: Props) {
  return (
    <div className="flex min-h-screen bg-gray-100 overflow-x-hidden">
      <AdminSidebar />

      <div className="flex-1 min-w-0 overflow-x-hidden">
        <AdminHeader />

        <main className="p-6 overflow-x-hidden">
          {children}
        </main>
      </div>
    </div>
  )
}