@payfit/unity-components/dist/esm/components/grid/Grid.js

import { grid as e } from "./Grid.variants.js";
import { forwardRef as t } from "react";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/grid/Grid.tsx
var r = t(({ asElement: t = "div", className: r, children: i, inline: a, cols: o, flow: s, justifyItems: c, alignItems: l, rows: u, areas: d, ...f }, p) => {
	let m = {
		"--uy-grid-template-rows": u,
		gridTemplateAreas: d
	};
	return /* @__PURE__ */ n(t, {
		ref: p,
		className: e({
			inline: a,
			cols: o,
			flow: s,
			justifyItems: c,
			alignItems: l,
			className: [u ? "uy:grid-rows-(--uy-grid-template-rows)" : "", r]
		}),
		style: m,
		...f,
		children: i
	});
});
r.displayName = "Grid";
//#endregion
export { r as Grid };