@adyen/kyc-components
Version:
This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
72 lines (71 loc) • 2.88 kB
JavaScript
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] = "aea85dfb-b3fd-48c0-9bae-215b114e2be7", e._sentryDebugIdIdentifier = "sentry-dbid-aea85dfb-b3fd-48c0-9bae-215b114e2be7");
} catch (e) {}
import cx from "classnames";
import { jsx } from "preact/jsx-runtime";
var Card_module_default = {
card: "_card_30zxs_1",
"card-primary": "_card-primary_30zxs_12",
cardPrimary: "_card-primary_30zxs_12",
"card-secondary": "_card-secondary_30zxs_17",
cardSecondary: "_card-secondary_30zxs_17",
"card-padding-small": "_card-padding-small_30zxs_21",
cardPaddingSmall: "_card-padding-small_30zxs_21",
"card-padding-medium": "_card-padding-medium_30zxs_25",
cardPaddingMedium: "_card-padding-medium_30zxs_25",
"card-padding-large": "_card-padding-large_30zxs_29",
cardPaddingLarge: "_card-padding-large_30zxs_29",
"card-elevation-low": "_card-elevation-low_30zxs_33",
cardElevationLow: "_card-elevation-low_30zxs_33",
"card-elevation-medium": "_card-elevation-medium_30zxs_37",
cardElevationMedium: "_card-elevation-medium_30zxs_37",
"card-elevation-high": "_card-elevation-high_30zxs_41",
cardElevationHigh: "_card-elevation-high_30zxs_41",
"card-interactive": "_card-interactive_30zxs_45",
cardInteractive: "_card-interactive_30zxs_45",
"card-selected": "_card-selected_30zxs_81",
cardSelected: "_card-selected_30zxs_81"
};
//#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,
"aria-pressed": selected,
children
});
}
return /* @__PURE__ */ jsx("div", {
className: rootClassname,
role: "region",
children
});
};
//#endregion
export { Card as t };