import React from 'react';
import type { Metadata } from 'next';
import { Poppins } from 'next/font/google';
import { Notification } from '@/components/common/Notification';
import '@/app/globals.css';

const poppins = Poppins({ 
  subsets: ['latin'],
  weight: ['300', '400', '500', '600', '700', '800', '900'],
  variable: '--font-poppins',
});

export const metadata: Metadata = {
  title: 'SIMKATMAWA - Kemdiktisaintek RI',
  description: 'Sistem Informasi Kinerja dan Tata Kelola Kemahasiswaan Direktorat Pembelajaran dan Kemahasiswaan Ditjen Pendidikan Tinggi Kemdiktisaintek RI',
  metadataBase: new URL('http://localhost:3000'),
  icons: {
    icon: '/images/logo_umj.webp',
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="id" className={`${poppins.variable}`} suppressHydrationWarning>
      <body className="bg-surface text-text-primary font-sans antialiased min-h-screen" suppressHydrationWarning>
        {children}
        <Notification />
      </body>
    </html>
  );
}
