legalgo-FE-reactrouter/app/layouts/admin/dashboard.tsx

import type { PropsWithChildren } from 'react'

import { DialogProfile } from './dialog-profile'
import { DialogUpload } from './dialog-upload'
import { Navbar } from './navbar'
import { Sidebar } from './sidebar'

export const AdminDashboardLayout = (properties: PropsWithChildren) => {
  const { children } = properties
  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>

      <DialogUpload />
      <DialogProfile />
    </div>
  )
}