import type { Metadata } from "next";
import React from "react";
import { Inter, Space_Grotesk } from "next/font/google";
import "./globals.css";
import { siteInfo } from "../data/site";

const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const space = Space_Grotesk({ subsets: ["latin"], variable: "--font-space" });

export const metadata: Metadata = {
  title: {
    default: "LedgerOne",
    template: "%s | LedgerOne"
  },
  description: siteInfo.description,
  keywords: siteInfo.keywords
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body className={`${inter.variable} ${space.variable} font-sans min-h-screen bg-background text-foreground`}>
        {children}
      </body>
    </html>
  );
}
