import type { Metadata } from "next";
import { Barlow } from 'next/font/google';
import "./globals.css";

export const barlow = Barlow({
  weight: ['200', '400', '500', '600', '700'], 
  subsets: ['latin'], 
  display: 'swap',
  variable: '--font-barlow', 
});

export const metadata: Metadata = {
  title: "Foxit Sample ATS App - Auditable AI",
  description: "Foxit Sample ATS App - Auditable AI",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    // Apply the font class to the <body> or <html> element
    <html lang="en" className={barlow.className}>
      <body>{children}</body>
    </html>
  );
}