@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.
77 lines (76 loc) • 3.03 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] = "57278596-2671-4366-8b9d-56a24799094e", e._sentryDebugIdIdentifier = "sentry-dbid-57278596-2671-4366-8b9d-56a24799094e");
} catch (e) {}
import { i as Typography } from "./translation-BFxyJ1c5.js";
import { t as StackLayout } from "./StackLayout-Bhbj68nx.js";
import { jsx, jsxs } from "preact/jsx-runtime";
var LandingLayout_module_default = {
"landing-layout-image": "adyen-kyc-landing-layout-image",
landingLayoutImage: "adyen-kyc-landing-layout-image",
"landing-layout-help-action": "adyen-kyc-landing-layout-help-action",
landingLayoutHelpAction: "adyen-kyc-landing-layout-help-action",
"landing-layout-actions": "adyen-kyc-landing-layout-actions",
landingLayoutActions: "adyen-kyc-landing-layout-actions",
"landing-layout-errors": "adyen-kyc-landing-layout-errors",
landingLayoutErrors: "adyen-kyc-landing-layout-errors",
"landing-layout-disclaimer": "adyen-kyc-landing-layout-disclaimer",
landingLayoutDisclaimer: "adyen-kyc-landing-layout-disclaimer",
"landing-layout-center": "adyen-kyc-landing-layout-center",
landingLayoutCenter: "adyen-kyc-landing-layout-center"
};
//#endregion
//#region src/components/ui/layout/LandingLayout/LandingLayout.tsx
var LandingLayout = ({ actions, content, description, error, disclaimer, helpAction, media, title }) => {
return /* @__PURE__ */ jsxs(StackLayout, {
gap: "large",
align: "center",
children: [
media && /* @__PURE__ */ jsx("div", {
role: "region",
className: LandingLayout_module_default.landingLayoutImage,
children: media
}),
error && /* @__PURE__ */ jsx("div", {
className: LandingLayout_module_default.landingLayoutErrors,
children: error
}),
/* @__PURE__ */ jsxs(StackLayout, {
gap: "small",
children: [
/* @__PURE__ */ jsx(Typography, {
el: "h2",
className: LandingLayout_module_default.landingLayoutCenter,
variant: "title-l",
children: title
}),
description && /* @__PURE__ */ jsx(Typography, {
className: LandingLayout_module_default.landingLayoutCenter,
variant: "body",
color: "primary",
children: description
}),
/* @__PURE__ */ jsx("div", {
className: LandingLayout_module_default.landingLayoutHelpAction,
children: helpAction
})
]
}),
content,
/* @__PURE__ */ jsx("div", {
className: LandingLayout_module_default.landingLayoutActions,
children: /* @__PURE__ */ jsxs(StackLayout, {
gap: "small",
children: [actions, disclaimer && /* @__PURE__ */ jsx(Typography, {
variant: "caption",
color: "tertiary",
className: LandingLayout_module_default.landingLayoutDisclaimer,
children: disclaimer
})]
})
})
]
});
};
//#endregion
export { LandingLayout as t };