import { jsx as r } from "react/jsx-runtime";
import { Children as l } from "react";
import a from "../../utils/classNames.js";
const o = (s) => {
  switch (s) {
    case 1:
      return "col-12";
    case 2:
      return "col-12 col-sm-6";
    case 3:
      return "col-12 col-md-4";
    case 4:
      return "col-12 col-md-6 col-lg-3";
    case 6:
      return "col-12 col-sm-4 col-lg-2";
    case 12:
      return "col-12 col-sm-1";
    default:
      return "col-12";
  }
}, p = (s) => {
  const { className: t, teaserPerRow: e, children: c, columnClassName: n } = s, m = a("teaser-container", "row", "display-flex-sm flex-wrap-sm", t), i = o(e || l.count(c) || 1), u = a(i, n);
  return /* @__PURE__ */ r("div", { className: m, children: l.map(c, (d) => /* @__PURE__ */ r("div", { className: u, children: d })) });
};
export {
  p as default
};
//# sourceMappingURL=TeaserContainer.js.map
