@frontify/fondue/dist/components/Accordion/AccordionHeaderIcon.es.js

Design system of Frontify

import { jsx as o } from "react/jsx-runtime";
import { IconCaretDown as r } from "@frontify/fondue-icons";
import { merge as n } from "../../utilities/merge.es.js";
const i = "fondue-accordion-header-icon", c = {
  small: 12,
  medium: 16,
  large: 20
}, d = ({
  size: t = "medium",
  isOpen: a,
  "data-test-id": e = i
}) => /* @__PURE__ */ o("span", { "data-test-id": `${e}-wrapper`, className: "tw-block", children: /* @__PURE__ */ o(
  "span",
  {
    "data-test-id": e,
    className: n(["tw-block tw-transition-transform", a && "tw-rotate-180 tw-duration-300"]),
    children: /* @__PURE__ */ o(r, { size: c[t] })
  }
) });
d.displayName = "FondueAccordionHeaderIcon";
export {
  d as AccordionHeaderIcon
};
//# sourceMappingURL=AccordionHeaderIcon.es.js.map