import { type ReactNode } from 'react';

import { AuthCard } from '@admin/components/auth/auth-card';
import { AuthLogo } from '@admin/components/auth/auth-logo';

interface AuthLayoutProps {
    title: string;
    description?: ReactNode;
    children: ReactNode;
}

export default function AuthLayout({ title, description, children }: AuthLayoutProps) {
    return (
        <main id="content" className="w-full max-w-md mx-auto p-6">
            <AuthLogo />
            <AuthCard title={title} description={description}>
                {children}
            </AuthCard>
        </main>
    );
}