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

export const metadata: Metadata = {
  title: "WorkOnClock | Employee time tracking with screenshots",
  description: "WorkOnClock helps organizations track employee time, screenshots, projects, adhoc corrections, approvals, and audit history from a tenant-ready admin platform."
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body>
        <script
          dangerouslySetInnerHTML={{
            __html: `try{var t=localStorage.getItem("workonclock.theme");var d=window.matchMedia("(prefers-color-scheme: dark)").matches;if(t==="dark"||(!t&&d)){document.documentElement.classList.add("dark")}}catch(e){}`
          }}
        />
        {children}
      </body>
    </html>
  );
}
