import '@admin/admin-globals.css'
import { AdminProviders } from '@admin/components/layouts/admin-providers'
import { cn } from '@admin/utils/shared/cn'
import { GeistMono } from 'geist/font/mono'
import { GeistSans } from 'geist/font/sans'
import { NuqsAdapter } from 'nuqs/adapters/next/app'

export default function AdminLayout({ children }: { children: React.ReactNode }) {
  return (
    <NuqsAdapter>
      <AdminProviders>
        <div
          className={cn(
            'admin-root size-screen mt-px antialiased',
            GeistSans.variable,
            GeistMono.variable
          )}
        >
          {children}
        </div>
      </AdminProviders>
    </NuqsAdapter>
  )
}