import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card';

interface MetricSummaryCardProps {
    title: string;
    value?: string | null;
    className?: string;
}

export default function MetricSummaryCard({
    title,
    value,
    className,
}: MetricSummaryCardProps) {
    return (
        <Card className={`flex-1 ${className}`}>
            <CardHeader>
                <CardTitle className="text-black">{title}</CardTitle>
            </CardHeader>
            <CardContent className="text-right text-2xl font-light text-black">
                {value ?? '-'}
            </CardContent>
        </Card>
    );
}