import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import u from "../../../Button/hooks/useButton.js";
import { TypographyVariant as d, TypographyElement as y } from "../../../Typography/types.js";
import T from "../../../Typography/Typography.js";
import { useMemo as a } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
/* empty css                  */
import { fixedForwardRef as h } from "../../../../../utils/preact/fixedForwardRef.js";
import { parseClassName as B } from "../../../../../utils/preact/className.js";
import { parseBooleanProp as N } from "../../../../../utils/preact/props.js";
const C = "adyen-pe-filter-button";
function F(o, i) {
  const { className: r, classNameModifiers: l = [], disabled: t, onClick: n } = o, s = a(() => B("", r) || "", [r]), m = a(() => N(t), [t]), { allChildren: p, allProps: c, click: f } = u(
    s,
    l,
    C,
    m,
    o,
    o.type,
    n
  );
  return /* @__PURE__ */ e("button", { ref: i, onClick: f, ...c, children: /* @__PURE__ */ e(T, { el: y.DIV, variant: d.BODY, stronger: !0, children: p }) });
}
const M = h(F);
export {
  M as default
};
