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

Shared ClubMed React UI components

import { jsxs as c, Fragment as a, jsx as e } from "react/jsx-runtime";
import { c as s } from "../../chunks/clsx.js";
import "react";
import { Image as l } from "../Image.js";
import { CardBackgroundContext as m } from "./CardBackgroundContext.js";
const u = ({
  children: o,
  className: n,
  ...r
}) => /* @__PURE__ */ c(a, { children: [
  r?.src && /* @__PURE__ */ e(l, { ...r, src: r.src, className: "h-full w-full object-cover" }),
  /* @__PURE__ */ e(
    "div",
    {
      ...r,
      className: s(
        "pointer-events-none absolute inset-0 flex flex-col rounded-16",
        {
          "bg-gradient-to-b from-transparent via-transparent to-black/40": r?.src
        },
        n
      ),
      children: /* @__PURE__ */ e(m.Provider, { value: { hasImage: !!r?.src }, children: o })
    }
  )
] });
export {
  u as CardBackground
};
//# sourceMappingURL=CardBackground.js.map