import { jsx as e } from "react/jsx-runtime";
import { Classes as l } from "../../constants/selectors.js";
import { cn as a } from "../../utils/cn.js";
import { DEFAULT_COLS as r } from "./constants.js";
const u = ({
  children: o,
  className: s,
  cols: m = r
}) => {
  const n = Number(m) || r;
  return /* @__PURE__ */ e(
    "div",
    {
      className: a(
        l.Columns,
        "prose dark:prose-invert grid max-w-none gap-4",
        "sm:grid-cols-[repeat(var(--cols),minmax(0,1fr))]",
        "@2xl/columns-container:grid-cols-[repeat(var(--cols),minmax(0,1fr))] @[0px]/columns-container:grid-cols-1",
        s
      ),
      style: { "--cols": n },
      children: o
    }
  );
};
export {
  u as Columns
};
