"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StatCard = StatCard;

var _jsxRuntime = require("react/jsx-runtime");

function StatCard(_ref) {
  var className = _ref.className,
      title = _ref.title,
      value = _ref.value,
      customValue = _ref.customValue;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "bg-white overflow-hidden shadow rounded-lg ".concat(className),
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "px-4 py-5 sm:p-6",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("dl", {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
          className: "text-sm leading-5 font-medium text-gray-500 truncate",
          children: title
        }), customValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
          className: "mt-1 text-3xl leading-9 font-semibold text-gray-900",
          children: customValue
        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
          className: "mt-1 text-3xl leading-9 font-semibold text-gray-900",
          children: value
        })]
      })
    })
  });
}