import { cx as e } from "../../../theme/tools.js";
import { column as t, columns as n, item as r, root as i } from "./DashboardGrid.css.js";
import { jsx as a } from "react/jsx-runtime";
//#region src/components/dashboard/dashboard_grid/DashboardGrid.tsx
var o = ({ children: t, className: r, columns: o = 3 }) => /* @__PURE__ */ a("div", {
	className: e(i, n[o], r),
	children: t
}), s = ({ children: n, className: r }) => /* @__PURE__ */ a("div", {
	className: e(t, r),
	children: n
}), c = (e) => e === 3 ? "span3" : e === 4 ? "span4" : e === 6 ? "span6" : e === 8 ? "span8" : "span12", l = (e) => e === 3 ? "tablet3" : e === 6 ? "tablet6" : "auto", u = ({ children: t, className: n, minHeight: i = "auto", span: o = 12, tabletSpan: s }) => /* @__PURE__ */ a("div", {
	className: e(r({
		minHeight: i,
		span: c(o),
		tabletSpan: l(s)
	}), n),
	children: t
});
//#endregion
export { o as DashboardGrid, o as default, s as DashboardGridColumn, u as DashboardGridItem };

//# sourceMappingURL=DashboardGrid.js.map