import type { PropsWithChildren } from "react";
import { ZootechThemeProvider } from "@shared/theme/zootech/ThemeProvider";
import "@shared/theme/zootech/auth-login.css";

interface AuthLayoutProps extends PropsWithChildren {
  title: string;
}

export function AuthLayout({ title, children }: AuthLayoutProps): JSX.Element {
  return (
    <ZootechThemeProvider>
      <main className="z-login-shell">
        <section className="z-login-page">
          <article className="z-login-card">
            <h1 className="z-login-title">{title}</h1>
            {children}
          </article>
        </section>
      </main>
    </ZootechThemeProvider>
  );
}