import React from 'react';
import type { Metadata, Viewport } from 'next';
import { DM_Sans } from 'next/font/google';
import '../styles/tailwind.css';

const dmSans = DM_Sans({
  subsets: ['latin'],
  weight: ['400', '500', '600', '700'],
  variable: '--font-dm-sans',
  display: 'swap',
});

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
};

export const metadata: Metadata = {
  title: 'RjaNetOps — ISP Operations & ONT Assignment Management',
  description:
    'Sistem manajemen operasional ISP terintegrasi: dispatch ONT ke teknisi, form pemasangan pelanggan, dan monitoring assignment lapangan.',
  icons: {
    icon: [{ url: '/favicon.ico', type: 'image/x-icon' }],
  },
};

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="id" className={dmSans.variable}>
      <body className={dmSans.className}>{children}
</body>
    </html>
  );
}