import React from 'react';
import { Link } from 'react-router-dom';
import { cn } from '@/lib/utils';
import { Card } from '@/components/ui/card';
interface AuthLayoutProps {
title: string;
subtitle?: string;
children: React.ReactNode;
footerLinks?: Array<{ label: string; to: string }>;
className?: string;
}
export function AuthLayout({
title,
subtitle,
children,
footerLinks,
className,
}: AuthLayoutProps) {
return (
{/* Background Effects */}
{/* Logo and Title */}
{subtitle && (
{subtitle}
)}
{/* Content Card */}
{children}
{/* Footer Links */}
{footerLinks && footerLinks.length > 0 && (
)}
);
}