import { jsx as n } from "@emotion/react/jsx-runtime";
import { CONTAINER_FLOW_CLASSES as i } from "./constants.js";
import { ContainerFlowWrapperItemStyled as h, ContainerFlowRootStyled as w } from "./slots/ContainerFlowSlots.js";
import x from "clsx";
const N = (a) => {
  const { variant: r = "column-flex", size: t, children: e, minWidth: m, className: s, gap: c = "compact" } = a, p = r === "column-flex", d = {
    variant: r,
    size: t,
    minWidth: m,
    gap: c
  }, l = Array.isArray(e) ? e : e ? [e] : [];
  let o;
  return !p && e ? o = e : l.length > 0 && (o = l.map((f, S) => /* @__PURE__ */ n(h, { role: "listitem", ownerState: { variant: r, size: t }, className: i.wrapperItem, children: f }, S))), /* @__PURE__ */ n(w, { role: "list", ownerState: d, className: x(i.root, s), children: o });
};
export {
  N as ContainerFlow
};
