@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] = "e24dd83b-2810-4a98-9273-6e23c2da8b9b", e._sentryDebugIdIdentifier = "sentry-dbid-e24dd83b-2810-4a98-9273-6e23c2da8b9b");
} catch (e) {}
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
var DetailViewLayout_module_default = {
"detail-view-layout": "_detail-view-layout_7rjka_1",
detailViewLayout: "_detail-view-layout_7rjka_1",
"detail-view-layout-default": "_detail-view-layout-default_7rjka_10",
detailViewLayoutDefault: "_detail-view-layout-default_7rjka_10",
"detail-view-layout-compact": "_detail-view-layout-compact_7rjka_14",
detailViewLayoutCompact: "_detail-view-layout-compact_7rjka_14",
"detail-view-layout-header": "_detail-view-layout-header_7rjka_18",
detailViewLayoutHeader: "_detail-view-layout-header_7rjka_18",
"detail-view-layout-title": "_detail-view-layout-title_7rjka_24",
detailViewLayoutTitle: "_detail-view-layout-title_7rjka_24",
"detail-view-layout-description": "_detail-view-layout-description_7rjka_32",
detailViewLayoutDescription: "_detail-view-layout-description_7rjka_32",
"detail-view-layout-align-left": "_detail-view-layout-align-left_7rjka_39",
detailViewLayoutAlignLeft: "_detail-view-layout-align-left_7rjka_39",
"detail-view-layout-align-center": "_detail-view-layout-align-center_7rjka_44",
detailViewLayoutAlignCenter: "_detail-view-layout-align-center_7rjka_44",
"detail-view-layout-align-right": "_detail-view-layout-align-right_7rjka_49",
detailViewLayoutAlignRight: "_detail-view-layout-align-right_7rjka_49",
"detail-view-layout-content": "_detail-view-layout-content_7rjka_54",
detailViewLayoutContent: "_detail-view-layout-content_7rjka_54",
"detail-view-layout-actions": "_detail-view-layout-actions_7rjka_60",
detailViewLayoutActions: "_detail-view-layout-actions_7rjka_60"
};
//#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 };