import type { ReactNode } from 'react';
import { GuestGuard } from '@/components/guest-guard';

export default function AuthLayout({ children }: { children: ReactNode }): React.ReactElement {
  return (
    <GuestGuard>
      <div className="flex min-h-screen items-center justify-center bg-surface-bg">
        <div className="w-full max-w-md rounded-xl border border-surface-border bg-surface-card p-8 shadow-lg">
          {children}
        </div>
      </div>
    </GuestGuard>
  );
}