import { jsx as t } from "../../../../../preact@10.29.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import i from "classnames";
try {
  let a = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, d = new a.Error().stack;
  d && (a._sentryDebugIds = a._sentryDebugIds || {}, a._sentryDebugIds[d] = "a9ee0e23-f11a-4191-9ceb-f872cf1e41a1", a._sentryDebugIdIdentifier = "sentry-dbid-a9ee0e23-f11a-4191-9ceb-f872cf1e41a1");
} catch {
}
const u = "adyen-kyc-card", f = "adyen-kyc-card-primary", v = "adyen-kyc-card-secondary", p = "adyen-kyc-card-padding-small", k = "adyen-kyc-card-padding-medium", b = "adyen-kyc-card-padding-large", h = "adyen-kyc-card-elevation-low", w = "adyen-kyc-card-elevation-medium", P = "adyen-kyc-card-elevation-high", S = "adyen-kyc-card-interactive", E = "adyen-kyc-card-selected", e = {
  card: u,
  cardPrimary: f,
  cardSecondary: v,
  cardPaddingSmall: p,
  cardPaddingMedium: k,
  cardPaddingLarge: b,
  cardElevationLow: h,
  cardElevationMedium: w,
  cardElevationHigh: P,
  cardInteractive: S,
  cardSelected: E
}, I = {
  primary: e.cardPrimary,
  secondary: e.cardSecondary
}, D = {
  none: null,
  small: e.cardPaddingSmall,
  medium: e.cardPaddingMedium,
  large: e.cardPaddingLarge
}, C = {
  none: null,
  low: e.cardElevationLow,
  medium: e.cardElevationMedium,
  high: e.cardElevationHigh
}, _ = ({
  children: a,
  selected: d,
  variant: o = "primary",
  padding: s = "medium",
  elevation: l = "none",
  onClick: n,
  disabled: y
}) => {
  const m = !!n, c = i(
    e.card,
    I[o],
    D[s],
    C[l],
    {
      [e.cardSelected]: d
    }
  );
  if (m) {
    const g = (r) => {
      r.preventDefault(), n(r);
    };
    return /* @__PURE__ */ t(
      "button",
      {
        className: i(c, e.cardInteractive),
        onClick: g,
        disabled: y,
        children: a
      }
    );
  }
  return /* @__PURE__ */ t("div", { className: c, role: "region", children: a });
};
export {
  _ as C
};
