29 lines
715 B
TypeScript
29 lines
715 B
TypeScript
import React from "react";
|
|
import { CardStack } from "@/components/cardStack/CardStack";
|
|
|
|
interface MetricCardOneProps {
|
|
metrics?: any[];
|
|
title?: string;
|
|
description?: string;
|
|
animationType?: string;
|
|
textboxLayout?: string;
|
|
useInvertedBackground?: boolean;
|
|
}
|
|
|
|
export default function MetricCardOne({
|
|
metrics = [],
|
|
title = "Metrics", description = "Key metrics", animationType = "slide-up", textboxLayout = "default", useInvertedBackground = false,
|
|
}: MetricCardOneProps) {
|
|
const items = metrics.map((metric) => ({
|
|
id: metric.id,
|
|
label: metric.label,
|
|
detail: metric.value,
|
|
}));
|
|
|
|
return (
|
|
<div className="metric-card-one">
|
|
<CardStack items={items} />
|
|
</div>
|
|
);
|
|
}
|