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

Shared ClubMed React UI components

import { jsx as s } from "react/jsx-runtime";
import { c as m } from "../../chunks/clsx.js";
import { CARD_ASPECT_RATIOS as l } from "./CardAspectRatios.js";
function f({
  children: o,
  className: r,
  component: d = "div",
  format: i = "custom",
  theme: t = "bordered",
  ...n
}) {
  const c = d, e = [].concat(t).join(" ");
  return /* @__PURE__ */ s(
    c,
    {
      ...n,
      className: m(
        l[i],
        "relative isolate rounded-16",
        {
          "bg-white": !r?.includes("bg-"),
          "group overflow-hidden": e.includes("frame"),
          "border border-lightGrey": e.includes("bordered")
        },
        r
      ),
      children: o
    }
  );
}
export {
  f as Card
};
//# sourceMappingURL=Card.js.map