import { Card } from "@/components/ui/card";
import { cn } from "@/lib/utils";

interface InviteShellProps {
  children: React.ReactNode;
  className?: string;
}

/** Centered glass card with a soft brand glow behind it. */
export default function InviteShell({ children, className }: InviteShellProps) {
  return (
    <section className="container-padding-x relative pb-12 sm:pb-16 pt-2">
      <div
        aria-hidden
        className="pointer-events-none absolute inset-x-0 top-10 mx-auto h-[420px] max-w-[640px] rounded-full bg-secondary-main/10 blur-[120px]"
      />
      <div
        aria-hidden
        className="pointer-events-none absolute -bottom-10 start-0 h-[260px] w-[260px] rounded-full bg-primary-main/60 blur-[100px]"
      />
      <Card
        className={cn(
          "relative mx-auto w-full max-w-[600px] gap-6 sm:gap-8 border border-white/10 backdrop-blur-md p-5 sm:p-8 lg:p-10",
          className,
        )}
      >
        {children}
      </Card>
    </section>
  );
}