import StatCard from "../(partials)/stat-card";
import Sparkline from "../(partials)/sparkline";
import { HERO_KPI } from "../(data)/dashboard-mock-data";

export default function KpiHeroSection() {
    return (
        <StatCard
            tier="default"
            label={HERO_KPI.label}
            value={HERO_KPI.value}
            delta={HERO_KPI.delta}
            deltaTone={HERO_KPI.deltaTone}
            subtext={HERO_KPI.subtext}
            valueClassName="text-4xl"
            trailing={
                <Sparkline
                    data={HERO_KPI.sparkline}
                    className="text-secondary dark:text-secondary"
                />
            }
        />
    );
}