'use strict';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Card, CardHeader, CardTitle, CardContent } from './Card.js';
import { cn } from '../../../fd-toolbox/lib/utils.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function CardBigDigits({
  title,
  value,
  subtitle,
  className
}) {
  const headerVariation = subtitle ? "" : "mb-2";
  const contentVariation = subtitle ? "" : "text-center text-3xl";
  return /* @__PURE__ */jsxs(Card, {
    className: cn("size-full", className),
    children: [/* @__PURE__ */jsx(CardHeader, {
      className: cn("flex flex-row items-center justify-between py-2", headerVariation),
      children: /* @__PURE__ */jsx(CardTitle, {
        className: "text-sm font-medium",
        children: title
      })
    }), /* @__PURE__ */jsxs(CardContent, {
      children: [/* @__PURE__ */jsx("div", {
        className: cn("text-2xl font-bold", contentVariation),
        children: value
      }), subtitle && /* @__PURE__ */jsx("p", {
        className: "text-subtle-500 text-xs",
        children: subtitle
      })]
    })]
  });
}
__name(CardBigDigits, "CardBigDigits");

export { CardBigDigits };
