"use client";

import type { ReactNode } from "react";
import { Box } from "@mantine/core";
import { PremiumBackground } from "@/components/motion/PremiumBackground";

export default function AuthLayout({ children }: { children: ReactNode }) {
  return (
    <Box
      className="noga-auth-shell"
      pos="relative"
      style={{
        minHeight: "100vh",
        display: "flex",
        flexDirection: "column",
      }}
    >
      <PremiumBackground variant="auth" showParticles={false} />
      <Box
        component="main"
        pos="relative"
        style={{
          zIndex: 1,
          flex: 1,
          display: "flex",
          flexDirection: "column",
          width: "100%",
        }}
      >
        {children}
      </Box>
    </Box>
  );
}