import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
/* empty css          */
import c from "classnames";
import { useState as l, useEffect as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
const e = {
  "angle-right": () => import("../../../images/icons/angle-right.svg.js"),
  "arrow-right": () => import("../../../images/icons/arrow-right.svg.js"),
  "checkmark-circle-fill": () => import("../../../images/icons/checkmark-circle-fill.svg.js"),
  "checkmark-square-fill": () => import("../../../images/icons/checkmark-square-fill.svg.js"),
  checkmark: () => import("../../../images/icons/checkmark.svg.js"),
  "checkbox-disabled": () => import("../../../images/icons/checkbox-disabled.svg.js"),
  "chevron-down": () => import("../../../images/icons/chevron-down.svg.js"),
  "chevron-left": () => import("../../../images/icons/chevron-left.svg.js"),
  "chevron-right": () => import("../../../images/icons/chevron-right.svg.js"),
  "chevron-up": () => import("../../../images/icons/chevron-up.svg.js"),
  "chevron-up-down": () => import("../../../images/icons/chevron-up-down.svg.js"),
  copy: () => import("../../../images/icons/copy.svg.js"),
  "cross-circle-fill": () => import("../../../images/icons/cross-circle-fill.svg.js"),
  search: () => import("../../../images/icons/search.svg.js"),
  cross: () => import("../../../images/icons/cross.svg.js"),
  download: () => import("../../../images/icons/download.svg.js"),
  "external-link": () => import("../../../images/icons/external-link.svg.js"),
  filter: () => import("../../../images/icons/filter.svg.js"),
  info: () => import("../../../images/icons/info.svg.js"),
  "info-filled": () => import("../../../images/icons/info-filled.svg.js"),
  "minus-circle-outline": () => import("../../../images/icons/minus-circle-outline.svg.js"),
  plus: () => import("../../../images/icons/plus.svg.js"),
  "plus-circle-outline": () => import("../../../images/icons/plus-circle-outline.svg.js"),
  square: () => import("../../../images/icons/square.svg.js"),
  "square-small-fill": () => import("../../../images/icons/square-small-fill.svg.js"),
  "trash-can": () => import("../../../images/icons/trash-can.svg.js"),
  cog: () => import("../../../images/icons/cog.svg.js"),
  upload: () => import("../../../images/icons/upload.svg.js"),
  "warning-filled": () => import("../../../images/icons/warning-filled.svg.js"),
  warning: () => import("../../../images/icons/warning.svg.js")
}, d = ({ className: p, name: o, ...m }) => {
  const [r, i] = l(null);
  return s(() => {
    e[o] ? e[o]().then(({ default: n }) => {
      i(/* @__PURE__ */ t(n, {}));
    }) : (i(null), console.error(`Icon with name "${o}" does not exist.`));
  }, [o]), r && /* @__PURE__ */ t("span", { className: c("adyen-pe-icon", p), role: "img", "aria-hidden": !0, ...m, children: r });
};
export {
  d as Icon,
  d as default
};
