import { jsx as t } from "../../../../../preact@10.29.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import r from "classnames";
import { toChildArray as u } from "../../../../../preact@10.29.0/node_modules/preact/dist/preact.module.js";
try {
  let s = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, i = new s.Error().stack;
  i && (s._sentryDebugIds = s._sentryDebugIds || {}, s._sentryDebugIds[i] = "4a76e7ae-9b8a-4d73-b285-9bd999feff5d", s._sentryDebugIdIdentifier = "sentry-dbid-4a76e7ae-9b8a-4d73-b285-9bd999feff5d");
} catch {
}
const g = "adyen-kyc-list", I = "adyen-kyc-list-header", f = "adyen-kyc-list-footer", b = "adyen-kyc-list-items", k = "adyen-kyc-list-items-plain", P = "adyen-kyc-list-items-grouped-primary", h = "adyen-kyc-list-items-grouped-secondary", w = "adyen-kyc-list-items-padding-none", N = "adyen-kyc-list-items-padding-small", S = "adyen-kyc-list-items-padding-medium", L = "adyen-kyc-list-items-padding-large", D = "adyen-kyc-list-item-row-separator", e = {
  list: g,
  listHeader: I,
  listFooter: f,
  listItems: b,
  listItemsPlain: k,
  listItemsGroupedPrimary: P,
  listItemsGroupedSecondary: h,
  listItemsPaddingNone: w,
  listItemsPaddingSmall: N,
  listItemsPaddingMedium: S,
  listItemsPaddingLarge: L,
  listItemRowSeparator: D
}, C = ({
  children: s,
  dividers: i = !0,
  footer: a,
  header: d,
  padding: l = "medium",
  variant: n = "plain"
}) => {
  const o = u(s), m = {
    plain: e.listItemsPlain,
    "grouped-primary": e.listItemsGroupedPrimary,
    "grouped-secondary": e.listItemsGroupedSecondary
  }, c = r(
    e.listItems,
    m[n],
    n !== "plain" && {
      [e.listItemsPaddingSmall]: l === "small",
      [e.listItemsPaddingMedium]: l === "medium",
      [e.listItemsPaddingLarge]: l === "large"
    },
    {
      [e.listItemsPaddingNone]: l === "none"
    }
  );
  return /* @__PURE__ */ t("div", { className: e.list, children: [
    d && /* @__PURE__ */ t("div", { className: e.listHeader, children: d }),
    /* @__PURE__ */ t("ul", { className: c, children: o.map((y) => {
      const p = r(e.listItem, {
        [e.listItemRowSeparator]: i
      });
      return (
        // Content of <li /> will be unknown. Not including a key is preferred over
        // using something else, such as index, which may cause problems.
        // eslint-disable-next-line react/jsx-key
        /* @__PURE__ */ t("li", { className: p, children: y })
      );
    }) }),
    a && /* @__PURE__ */ t("div", { className: e.listFooter, children: a })
  ] });
};
export {
  C as L
};
