import type { Metadata, Viewport } from "next";
import type { ReactNode } from "react";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "Macsoft ERP — Business Suite",
    template: "%s | Macsoft ERP",
  },
  description:
    "Macsoft ERP: invoicing, Kenyan payroll with statutory deductions, HR management and M-Pesa STK push payments.",
};

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

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body className="bg-slate-100 text-slate-900 antialiased">{children}</body>
    </html>
  );
}
