import type { Metadata } from 'next';
import { IBM_Plex_Sans_Arabic } from 'next/font/google';
import { DEFAULT_LOCALE, PLATFORM_NAME_EN } from '@sot/shared/constants';
import { AppProvider } from '@/providers/app-provider';
import { SiteHeader } from '@/components/site-header';
import './globals.css';

const ibmPlexArabic = IBM_Plex_Sans_Arabic({
  subsets: ['arabic', 'latin'],
  weight: ['400', '500', '600', '700'],
  variable: '--font-sans',
});

export const metadata: Metadata = {
  title: `${PLATFORM_NAME_EN} — Production`,
  description: 'CMA-supervised stock ownership transfer platform (Next.js production web)',
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang={DEFAULT_LOCALE} dir="rtl">
      <body className={`${ibmPlexArabic.variable} font-sans od-app`}>
        <AppProvider>
          <SiteHeader />
          <main className="mx-auto max-w-6xl px-4 py-8 sm:px-6">{children}</main>
        </AppProvider>
      </body>
    </html>
  );
}
