import type { Metadata } from 'next';
import { montserrat } from '@/fonts';
import { Toaster } from 'sonner';
import './globals.css';
import Header from '@/components/layout/Header';
import Footer from '@/components/layout/Footer';

export const metadata: Metadata = {
  title: 'Malek Fara',
  description: 'Generated by create next app',
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="es" className={`${montserrat.variable} h-full antialiased`}>
      <body className="flex min-h-full flex-col">
        <Header />
        {children}
        <Footer />
        <Toaster
          position="top-right"
          richColors
          expand
          visibleToasts={3}
          closeButton
          duration={4000}
        />
      </body>
    </html>
  );
}
