import AuthLayoutTemplate from '@/layouts/auth/auth-simple-layout';
import AuthTempoLayout from '@/layouts/auth/auth-tempo-layout';
import { useTempoUi } from '@/components/tempo-brand';

export default function AuthLayout({
    title = '',
    description = '',
    variant = 'simple',
    children,
}: {
    title?: string;
    description?: string;
    variant?: 'simple' | 'tempo-card';
    children: React.ReactNode;
}) {
    const { t } = useTempoUi();

    if (variant === 'tempo-card') {
        return <AuthTempoLayout>{children}</AuthTempoLayout>;
    }

    return (
        <AuthLayoutTemplate title={t(title)} description={t(description)}>
            {children}
        </AuthLayoutTemplate>
    );
}