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 };
