/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-af8d194 | Cube Dev Team */
import { _Text } from "../../content/Text.js";
import { _Title } from "../../content/Title.js";
import { Card } from "../../content/Card/Card.js";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/organisms/StatsCard/StatsCard.tsx
function StatsCard({ title, value, suffix, ...props }) {
	return /* @__PURE__ */ jsxs(Card, {
		display: "flex",
		placeContent: "space-between",
		gap: "1x",
		border: false,
		shadow: "0 2px 6px #dark.10",
		padding: "2.5x",
		...props,
		children: [/* @__PURE__ */ jsx(_Title, {
			nowrap: true,
			level: 4,
			color: "#minor",
			preset: "default",
			children: title
		}), /* @__PURE__ */ jsxs(_Text.Strong, {
			preset: "h3",
			children: [
				value,
				" ",
				suffix
			]
		})]
	});
}

//#endregion
export { StatsCard };
//# sourceMappingURL=StatsCard.js.map