import type { PropsWithChildren } from 'react'

import { useAdminContext } from '~/contexts/admin'

import { Navbar } from './navbar'
import { Sidebar } from './sidebar'

export const AdminDashboardLayout = (properties: PropsWithChildren) => {
  const { children } = properties
  const {} = useAdminContext()
  return (
    <div className="flex flex-col">
      <Navbar />
      <div className="flex">
        <Sidebar />
        <div className="min-h-[calc(100dvh-80px)] flex-1 p-8">{children}</div>
      </div>
    </div>
  )
}