import type { Metadata, Viewport } from "next";
import { Vazirmatn } from "next/font/google";
import "./globals.css";

const vazir = Vazirmatn({
  subsets: ["arabic", "latin"],
  weight: ["300", "400", "500", "700", "800", "900"],
  variable: "--font-vazir",
});

export const metadata: Metadata = {
  title: {
    default: "مدرسه شهید باهنر ملوران",
    template: "%s | مدرسه شهید باهنر ملوران",
  },
  description: "سامانهٔ آموزشی مدرسهٔ متوسطهٔ دورهٔ اول شهید باهنر ملوران — بانک سوالات، آزمون آنلاین، مسابقه، معما، بازی و نظرسنجی",
  manifest: "/manifest.webmanifest",
  appleWebApp: { capable: true, title: "شهید باهنر", statusBarStyle: "black-translucent" },
  icons: {
    icon: [
      { url: "/images/icon-192.png", sizes: "192x192", type: "image/png" },
      { url: "/images/icon-512.png", sizes: "512x512", type: "image/png" },
    ],
    apple: "/images/apple-touch-icon.png",
  },
};

export const viewport: Viewport = {
  themeColor: "#064e3b",
  width: "device-width",
  initialScale: 1,
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="fa" dir="rtl">
      <body className={`${vazir.variable} font-sans antialiased`}>
        {children}
      </body>
    </html>
  );
}