'use client';

import { IBM_Plex_Sans } from 'next/font/google';

import { AppShell } from '@/components/layout/AppShell';

import { Providers } from './providers';

const ibmPlexSans = IBM_Plex_Sans({
  subsets: ['latin'],
  weight: ['400', '500', '600', '700'],
  variable: '--font-ibm-plex',
});

export function ClientRootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body
        className={`${ibmPlexSans.variable} ${ibmPlexSans.className} min-h-screen bg-sovereign-obsidian text-sovereign-ivory antialiased`}
      >
        <Providers>
          <AppShell>{children}</AppShell>
        </Providers>
      </body>
    </html>
  );
}
