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

export const metadata: Metadata = {
  title: "SSS Inventory",
  description: "Local-first multi-location inventory tracking for warehouses and trucks.",
  manifest: "/manifest.webmanifest",
  icons: {
    icon: [
      { url: "/brand/solar-slate-logo-square.svg", type: "image/svg+xml" },
      { url: "/brand/solar-slate-app-icon-192.png", sizes: "192x192", type: "image/png" },
      { url: "/brand/solar-slate-app-icon-512.png", sizes: "512x512", type: "image/png" }
    ],
    apple: [{ url: "/brand/apple-touch-icon.png", sizes: "180x180", type: "image/png" }]
  }
};

export const viewport: Viewport = {
  themeColor: "#1828e8",
  width: "device-width",
  initialScale: 1,
  maximumScale: 1
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body suppressHydrationWarning>{children}</body>
    </html>
  );
}
