/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/layout/Grid/Grid.tsx
var getGridCols = (cols) => {
	if (!cols) return "";
	return [
		cols.sm ? `sm:grid-cols-${cols.sm}` : "",
		cols.md ? `md:grid-cols-${cols.md}` : "",
		cols.lg ? `lg:grid-cols-${cols.lg}` : ""
	].join(" ");
};
var Grid = ({ cols = {
	md: 2,
	lg: 3
}, paddingClassName, wrapperClassName, container, children }) => {
	const containerClass = container ? "container" : "";
	const additionalClasses = paddingClassName || "";
	const content = /* @__PURE__ */ jsx("div", {
		className: `grid ${getGridCols(cols)} gap-4 ${containerClass} ${additionalClasses}`,
		children
	});
	return wrapperClassName ? /* @__PURE__ */ jsx("div", {
		className: wrapperClassName,
		children: content
	}) : content;
};
//#endregion
export { Grid };

//# sourceMappingURL=Grid.js.map