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

interface MetricChartProps {
    children: React.ReactNode;
    className?: string;
}

export default function MetricChart({ children, className }: MetricChartProps) {
    return (
        <Card className={`mt-8 w-full ${className}`}>
            <CardHeader />
            <CardContent className="relative flex justify-between gap-12 text-right align-bottom text-6xl font-light text-black">
                {children}
            </CardContent>
        </Card>
    );
}