@clubmed/trident-ui/molecules/Card.js

Shared ClubMed React UI components

import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { c as d } from "../chunks/index.js";
import { Icon as o } from "../atoms/Icons/Icon.js";
import "@clubmed/trident-icons";
const x = ({
  title: a,
  children: i,
  icon: s,
  iconType: l,
  theme: r = "light",
  dataName: n = "Card"
}) => /* @__PURE__ */ t(
  "div",
  {
    className: "border-lightGrey rounded-16 flex shrink-0 flex-row gap-20 border bg-white p-20",
    "data-name": n,
    children: [
      /* @__PURE__ */ e(
        "div",
        {
          className: d("flex h-48 w-48 shrink-0 items-center justify-center rounded-full", {
            "bg-ultramarine text-white": r === "dark",
            "bg-lightSand text-black": r === "light"
          }),
          children: /* @__PURE__ */ e(o, { name: s, type: l, width: "24px" })
        }
      ),
      /* @__PURE__ */ t("div", { className: "space-y-8 font-sans", children: [
        /* @__PURE__ */ e("div", { className: "text-b3 font-semibold", children: a }),
        /* @__PURE__ */ e("div", { className: "text-b4 font-normal", children: i })
      ] })
    ]
  }
);
export {
  x as Card
};
//# sourceMappingURL=Card.js.map