import { Alert, AlertDescription } from '@/components/ui/alert';
import { CheckCircle, AlertCircle } from 'lucide-react';

interface FlashMessagesProps {
    flash?: {
        success?: string;
        error?: string;
    };
}

export const FlashMessages: React.FC<FlashMessagesProps> = ({ flash }) => {
    if (!flash?.success && !flash?.error) {
        return null;
    }

    return (
        <>
            {flash.success && (
                <Alert className="border-green-500 bg-green-50 dark:bg-green-950">
                    <CheckCircle className="h-4 w-4 text-green-600" />
                    <AlertDescription className="text-green-600">
                        {flash.success}
                    </AlertDescription>
                </Alert>
            )}

            {flash.error && (
                <Alert variant="destructive">
                    <AlertCircle className="h-4 w-4" />
                    <AlertDescription>{flash.error}</AlertDescription>
                </Alert>
            )}
        </>
    );
};