@clubmed/trident-icons/svg-use/SvgUseIcon.js

Shared ClubMed Icons library

import { jsx as n } from "react/jsx-runtime";
import { c as x } from "../chunks/index.js";
import { useIconOrientation as d } from "../hooks/useIconOrientation.js";
function k(e) {
  const {
    name: i,
    className: o,
    width: s = "16px",
    color: r = "inherit",
    style: t,
    url: a,
    aspectRatio: l,
    viewBox: c
  } = e, { intrinsicClassName: m, transform: f } = d(e), p = `text-${r}`;
  return /* @__PURE__ */ n(
    "span",
    {
      className: x(
        "inline-block shrink-0 align-middle",
        m,
        p,
        o
      ),
      style: { width: s, transform: f, aspectRatio: l, ...t },
      "aria-label": `Icon ${i}`,
      role: "presentation",
      children: /* @__PURE__ */ n("svg", { viewBox: c, children: /* @__PURE__ */ n("use", { xlinkHref: a }) })
    }
  );
}
export {
  k as SvgUseIcon
};
//# sourceMappingURL=SvgUseIcon.js.map