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

Design system of Frontify

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