import { jsx as s } from "../../../../../preact@10.29.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import u from "classnames";
import { a as l } from "./useId-BZ0PA7jP.js";
try {
  let t = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, e = new t.Error().stack;
  e && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[e] = "993f314c-274d-46f1-b837-d987ec892979", t._sentryDebugIdIdentifier = "sentry-dbid-993f314c-274d-46f1-b837-d987ec892979");
} catch {
}
const o = "adyen-kyc-structured-list", y = "adyen-kyc-structured-list-section-field", f = "adyen-kyc-structured-list-section-label", b = "adyen-kyc-structured-list-section-data", m = "adyen-kyc-structured-list-section-detail", c = {
  structuredList: o,
  structuredListSectionField: y,
  structuredListSectionLabel: f,
  structuredListSectionData: b,
  structuredListSectionDetail: m
}, g = ({
  className: t,
  detailsGroupClassName: e,
  items: d
}) => {
  const r = u(c.structuredList, t), i = u(c.structuredListSectionData, e);
  return /* @__PURE__ */ s("dl", { className: r, children: d.map((n, a) => /* @__PURE__ */ s(
    L,
    {
      item: n,
      detailsGroupClassNames: i
    },
    a
  )) });
}, L = ({
  item: { term: t, details: e },
  detailsGroupClassNames: d
}) => {
  const r = l("structured-list-item");
  return /* @__PURE__ */ s("div", { className: c.structuredListSectionField, children: [
    /* @__PURE__ */ s("dt", { id: r, className: c.structuredListSectionLabel, children: t }),
    Array.isArray(e) ? /* @__PURE__ */ s("div", { className: d, children: e.map((i, n) => /* @__PURE__ */ s(
      "dd",
      {
        "aria-labelledby": r,
        className: c.structuredListSectionDetail,
        children: i
      },
      n
    )) }) : /* @__PURE__ */ s("dd", { "aria-labelledby": r, className: d, children: e })
  ] });
};
export {
  g as S
};
