@szum-tech/design-system/dist/chunk-LI7IHIOM.cjs

Szum-Tech design system with tailwindcss support

'use strict';

var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

function Card({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
}
function CardHeader({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col p-6", className), ...props });
}
function CardTitle({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: tailwindMerge.twMerge("text-heading-5", className), ...props });
}
function CardDescription({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("text-body-2 text-gray-200", className), ...props });
}
function CardContent({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("p-6 pt-0", className), ...props });
}
function CardFooter({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex items-center p-6 pt-0", className), ...props });
}

exports.Card = Card;
exports.CardContent = CardContent;
exports.CardDescription = CardDescription;
exports.CardFooter = CardFooter;
exports.CardHeader = CardHeader;
exports.CardTitle = CardTitle;