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

const montserrat = Montserrat({
  variable: "--font-montserrat",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Medklinix | Healthcare SaaS Platform",
  description: "A modern clinic management platform built with Next.js and Tailwind CSS.",
  verification: {
    other: {
      "facebook-domain-verification": "d5h0tpnar4p7jstnspo7bwj2ksd2z2",
    },
  },
  icons: {
    icon: "/assets/logo-v4-fixed.png",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="es" suppressHydrationWarning>
      <body
        className={`${montserrat.variable} antialiased font-sans`}
      >
        <Providers>
          {children}
        </Providers>
      </body>
    </html>
  );
}
