;
{
  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] = "d66306a0-d595-4a70-a516-465959ceff9f", e._sentryDebugIdIdentifier = "sentry-dbid-d66306a0-d595-4a70-a516-465959ceff9f");
  } catch (e) {
  }
}
;
import { jsxs, jsx } from "preact/jsx-runtime";
import cx from "classnames";
const detailViewLayout = "adyen-kyc-detail-view-layout";
const detailViewLayoutDefault = "adyen-kyc-detail-view-layout-default";
const detailViewLayoutCompact = "adyen-kyc-detail-view-layout-compact";
const detailViewLayoutHeader = "adyen-kyc-detail-view-layout-header";
const detailViewLayoutTitle = "adyen-kyc-detail-view-layout-title";
const detailViewLayoutDescription = "adyen-kyc-detail-view-layout-description";
const detailViewLayoutAlignLeft = "adyen-kyc-detail-view-layout-align-left";
const detailViewLayoutAlignCenter = "adyen-kyc-detail-view-layout-align-center";
const detailViewLayoutAlignRight = "adyen-kyc-detail-view-layout-align-right";
const detailViewLayoutContent = "adyen-kyc-detail-view-layout-content";
const detailViewLayoutActions = "adyen-kyc-detail-view-layout-actions";
const styles = {
  detailViewLayout,
  detailViewLayoutDefault,
  detailViewLayoutCompact,
  detailViewLayoutHeader,
  detailViewLayoutTitle,
  detailViewLayoutDescription,
  detailViewLayoutAlignLeft,
  detailViewLayoutAlignCenter,
  detailViewLayoutAlignRight,
  detailViewLayoutContent,
  detailViewLayoutActions
};
const DetailViewLayout = ({
  actions,
  align = "left",
  children,
  compact,
  description,
  title
}) => {
  const headerAlignment = {
    left: styles.detailViewLayoutAlignLeft,
    center: styles.detailViewLayoutAlignCenter,
    right: styles.detailViewLayoutAlignRight
  };
  const rootClassname = cx(styles.detailViewLayout, {
    [styles.detailViewLayoutCompact]: compact,
    [styles.detailViewLayoutDefault]: !compact
  });
  const headerClassname = cx(styles.detailViewLayoutHeader, headerAlignment[align]);
  return /* @__PURE__ */ jsxs("article", { className: rootClassname, children: [
    /* @__PURE__ */ jsxs("header", { className: headerClassname, children: [
      /* @__PURE__ */ jsx("h1", { className: styles.detailViewLayoutTitle, children: title }),
      description && /* @__PURE__ */ jsx("div", { className: styles.detailViewLayoutDescription, children: description })
    ] }),
    /* @__PURE__ */ jsx("div", { className: styles.detailViewLayoutContent, children }),
    actions && /* @__PURE__ */ jsx("div", { className: styles.detailViewLayoutActions, role: "toolbar", children: actions })
  ] });
};
export {
  DetailViewLayout as D
};
