import { ReactNode } from 'react';

interface CenteredLayoutProps {
    children: ReactNode;
}

/**
 * Centered layout: login form card centered on a plain/gradient background.
 */
export default function CenteredLayout({ children }: CenteredLayoutProps) {
    return (
        <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-background to-muted p-4">
            <div className="w-full max-w-sm rounded-xl border bg-background p-8 shadow-lg">
                {children}
            </div>
        </div>
    );
}