try {
	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "32e99882-fdd7-410a-8be8-d6628e14ed7e", e._sentryDebugIdIdentifier = "sentry-dbid-32e99882-fdd7-410a-8be8-d6628e14ed7e");
} catch (e) {}
import cx from "classnames";
import { jsx } from "preact/jsx-runtime";
var Card_module_default = {
	card: "adyen-kyc-card",
	"card-primary": "adyen-kyc-card-primary",
	cardPrimary: "adyen-kyc-card-primary",
	"card-secondary": "adyen-kyc-card-secondary",
	cardSecondary: "adyen-kyc-card-secondary",
	"card-padding-small": "adyen-kyc-card-padding-small",
	cardPaddingSmall: "adyen-kyc-card-padding-small",
	"card-padding-medium": "adyen-kyc-card-padding-medium",
	cardPaddingMedium: "adyen-kyc-card-padding-medium",
	"card-padding-large": "adyen-kyc-card-padding-large",
	cardPaddingLarge: "adyen-kyc-card-padding-large",
	"card-elevation-low": "adyen-kyc-card-elevation-low",
	cardElevationLow: "adyen-kyc-card-elevation-low",
	"card-elevation-medium": "adyen-kyc-card-elevation-medium",
	cardElevationMedium: "adyen-kyc-card-elevation-medium",
	"card-elevation-high": "adyen-kyc-card-elevation-high",
	cardElevationHigh: "adyen-kyc-card-elevation-high",
	"card-interactive": "adyen-kyc-card-interactive",
	cardInteractive: "adyen-kyc-card-interactive",
	"card-selected": "adyen-kyc-card-selected",
	cardSelected: "adyen-kyc-card-selected"
};
//#endregion
//#region src/components/ui/atoms/Card/Card.tsx
var cardVariantStyles = {
	primary: Card_module_default.cardPrimary,
	secondary: Card_module_default.cardSecondary
};
var cardPaddingStyles = {
	none: null,
	small: Card_module_default.cardPaddingSmall,
	medium: Card_module_default.cardPaddingMedium,
	large: Card_module_default.cardPaddingLarge
};
var cardElevationStyles = {
	none: null,
	low: Card_module_default.cardElevationLow,
	medium: Card_module_default.cardElevationMedium,
	high: Card_module_default.cardElevationHigh
};
var Card = ({ children, selected, variant = "primary", padding = "medium", elevation = "none", onClick, disabled }) => {
	const isInteractive = !!onClick;
	const rootClassname = cx(Card_module_default.card, cardVariantStyles[variant], cardPaddingStyles[padding], cardElevationStyles[elevation], { [Card_module_default.cardSelected]: selected });
	if (isInteractive) {
		const handleClick = (e) => {
			e.preventDefault();
			onClick(e);
		};
		return /* @__PURE__ */ jsx("button", {
			className: cx(rootClassname, Card_module_default.cardInteractive),
			onClick: handleClick,
			disabled,
			children
		});
	}
	return /* @__PURE__ */ jsx("div", {
		className: rootClassname,
		role: "region",
		children
	});
};
//#endregion
export { Card as t };
