@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.
69 lines (68 loc) • 3.54 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] = "938dc2b8-2e50-41fb-8796-3c0dc837ec2a", e._sentryDebugIdIdentifier = "sentry-dbid-938dc2b8-2e50-41fb-8796-3c0dc837ec2a");
} catch (e) {}
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
var DetailViewLayout_module_default = {
"detail-view-layout": "adyen-kyc-detail-view-layout",
detailViewLayout: "adyen-kyc-detail-view-layout",
"detail-view-layout-default": "adyen-kyc-detail-view-layout-default",
detailViewLayoutDefault: "adyen-kyc-detail-view-layout-default",
"detail-view-layout-compact": "adyen-kyc-detail-view-layout-compact",
detailViewLayoutCompact: "adyen-kyc-detail-view-layout-compact",
"detail-view-layout-header": "adyen-kyc-detail-view-layout-header",
detailViewLayoutHeader: "adyen-kyc-detail-view-layout-header",
"detail-view-layout-title": "adyen-kyc-detail-view-layout-title",
detailViewLayoutTitle: "adyen-kyc-detail-view-layout-title",
"detail-view-layout-description": "adyen-kyc-detail-view-layout-description",
detailViewLayoutDescription: "adyen-kyc-detail-view-layout-description",
"detail-view-layout-align-left": "adyen-kyc-detail-view-layout-align-left",
detailViewLayoutAlignLeft: "adyen-kyc-detail-view-layout-align-left",
"detail-view-layout-align-center": "adyen-kyc-detail-view-layout-align-center",
detailViewLayoutAlignCenter: "adyen-kyc-detail-view-layout-align-center",
"detail-view-layout-align-right": "adyen-kyc-detail-view-layout-align-right",
detailViewLayoutAlignRight: "adyen-kyc-detail-view-layout-align-right",
"detail-view-layout-content": "adyen-kyc-detail-view-layout-content",
detailViewLayoutContent: "adyen-kyc-detail-view-layout-content",
"detail-view-layout-actions": "adyen-kyc-detail-view-layout-actions",
detailViewLayoutActions: "adyen-kyc-detail-view-layout-actions"
};
//#endregion
//#region src/components/ui/layout/DetailViewLayout/DetailViewLayout.tsx
var DetailViewLayout = ({ actions, align = "left", children, compact, description, title }) => {
const headerAlignment = {
left: DetailViewLayout_module_default.detailViewLayoutAlignLeft,
center: DetailViewLayout_module_default.detailViewLayoutAlignCenter,
right: DetailViewLayout_module_default.detailViewLayoutAlignRight
};
return /* @__PURE__ */ jsxs("article", {
className: cx(DetailViewLayout_module_default.detailViewLayout, {
[DetailViewLayout_module_default.detailViewLayoutCompact]: compact,
[DetailViewLayout_module_default.detailViewLayoutDefault]: !compact
}),
children: [
/* @__PURE__ */ jsxs("header", {
className: cx(DetailViewLayout_module_default.detailViewLayoutHeader, headerAlignment[align]),
children: [/* @__PURE__ */ jsx("h1", {
className: DetailViewLayout_module_default.detailViewLayoutTitle,
children: title
}), description && /* @__PURE__ */ jsx("div", {
className: DetailViewLayout_module_default.detailViewLayoutDescription,
children: description
})]
}),
/* @__PURE__ */ jsx("div", {
className: DetailViewLayout_module_default.detailViewLayoutContent,
children
}),
actions && /* @__PURE__ */ jsx("div", {
className: DetailViewLayout_module_default.detailViewLayoutActions,
role: "toolbar",
children: actions
})
]
});
};
//#endregion
export { DetailViewLayout as t };