import { jsx as s, jsxs as v } from "react/jsx-runtime";
import { forwardRef as N, createElement as x } from "react";
import { cx as j } from "../../utils/classNames.js";
import { useArrowTheme as w } from "../../hooks/useArrowTheme.js";
const y = N(
  ({
    tag: r,
    headline: e,
    headlineType: a = "h2",
    supportingText: d,
    href: c,
    variant: o = "primary",
    icon: i,
    inverse: l,
    hover: t = !1,
    pressed: m = !1,
    focused: n = !1,
    className: u,
    ...f
  }, p) => {
    const _ = w(), h = l ?? _.inverse;
    return !e || !r || !d || !c ? null : /* @__PURE__ */ s(
      "a",
      {
        ref: p,
        href: c || void 0,
        className: j(
          "tdds-disclosure-card",
          `tdds-disclosure-card--${o}`,
          {
            "force-hover": !!t,
            "force-pressed": !!m,
            "force-focus": !!n
          },
          u
        ),
        ...h ? { "data-inverse": "true" } : {},
        ...f,
        children: /* @__PURE__ */ v("div", { className: "tdds-disclosure-card__container", children: [
          /* @__PURE__ */ s("span", { className: "tdds-disclosure-card__tag", children: r }),
          x(
            a,
            { className: "tdds-disclosure-card__headline" },
            e
          ),
          /* @__PURE__ */ s("p", { className: "tdds-disclosure-card__supporting-text", children: d }),
          /* @__PURE__ */ s("div", { className: "tdds-disclosure-card__icon", children: i })
        ] })
      }
    );
  }
);
y.displayName = "DisclosureCard";
export {
  y as DisclosureCard
};
//# sourceMappingURL=DisclosureCard.js.map
