import { jsx as i } from "react/jsx-runtime";
import { c as x } from "../../../../index-BtlgVD4m.js";
const t = ({ ref: d, columnSpan: s, children: r }) => {
  const e = {
    "col-span-(--grid-cell-xs)": s == null ? void 0 : s.xs,
    "sm:col-span-(--grid-cell-sm)": s == null ? void 0 : s.sm,
    "md:col-span-(--grid-cell-md)": s == null ? void 0 : s.md,
    "lg:col-span-(--grid-cell-lg)": s == null ? void 0 : s.lg,
    "xl:col-span-(--grid-cell-xl)": s == null ? void 0 : s.xl
  }, g = {
    ...(s == null ? void 0 : s.xs) && { "--grid-cell-xs": s == null ? void 0 : s.xs },
    ...(s == null ? void 0 : s.sm) && { "--grid-cell-sm": s == null ? void 0 : s.sm },
    ...(s == null ? void 0 : s.md) && { "--grid-cell-md": s == null ? void 0 : s.md },
    ...(s == null ? void 0 : s.lg) && { "--grid-cell-lg": s == null ? void 0 : s.lg },
    ...(s == null ? void 0 : s.xl) && { "--grid-cell-xl": s == null ? void 0 : s.xl }
  };
  return /* @__PURE__ */ i("div", { ref: d, style: g, className: x(e), children: r });
};
t.displayName = "GridCell";
export {
  t as default
};
//# sourceMappingURL=GridCell.js.map
