import { jsx as e } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import l from "../../../../../../../hooks/useUniqueId.js";
import { useCallback as p } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
import { TypographyVariant as s, TypographyElement as c } from "../../../../../../internal/Typography/types.js";
import d from "../../../../../../internal/Typography/Typography.js";
import { LogoLabel as f } from "../ThemeForm/constants.js";
import { ButtonVariant as h } from "../../../../../../internal/Button/types.js";
import y from "../../../../../../../core/Context/preact/useCoreContext.js";
import g from "../../../../../../internal/Button/Button.js";
const B = ({
  disabled: i,
  logoType: r,
  logoURL: m,
  onRemoveLogo: o
}) => {
  const { i18n: a } = y(), t = l(), n = p(() => {
    o(r);
  }, [r, o]);
  return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-theme-form__preview--conteiner", children: [
    /* @__PURE__ */ e("label", { htmlFor: t, "aria-labelledby": t, children: /* @__PURE__ */ e(d, { el: c.SPAN, variant: s.BODY, stronger: !0, children: a.get(f[r]) }) }),
    /* @__PURE__ */ e("img", { id: t, src: m, alt: "full-width-logo", className: "adyen-pe-payment-link-theme-form__preview--image" }),
    /* @__PURE__ */ e(
      g,
      {
        disabled: i,
        variant: h.SECONDARY,
        onClick: n,
        className: "adyen-pe-payment-link-theme-form__preview--remove",
        children: a.get("payByLink.settings.theme.action.logo.remove")
      }
    )
  ] });
};
export {
  B as default
};
