frigate/web/src/pages/LoginPage.tsx

import { UserAuthForm } from "@/components/auth/AuthForm";
import Logo from "@/components/Logo";
import { ThemeProvider } from "@/context/theme-provider";

function LoginPage() {
  return (
    <ThemeProvider defaultTheme="system" storageKey="frigate-ui-theme">
      <div className="size-full overflow-hidden">
        <div className="p-8">
          <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
            <div className="flex flex-col items-center space-y-2">
              <Logo className="mb-6 h-8 w-8" />
            </div>
            <UserAuthForm />
          </div>
        </div>
      </div>
    </ThemeProvider>
  );
}

export default LoginPage;