/** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
import { _LayoutContent } from "./LayoutContent.js";
import { tasty } from "@tenphi/tasty";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Layout/LayoutGrid.tsx
const GridElement = tasty(_LayoutContent, {
	qa: "LayoutGrid",
	styles: {
		container: "none",
		flexShrink: 0,
		flexGrow: 0,
		Inner: {
			display: "grid",
			flow: "row",
			padding: 0
		}
	}
});
function LayoutGrid(props, ref) {
	const { children, scrollbar = "tiny", columns, rows, template, ...otherProps } = props;
	return /* @__PURE__ */ jsx(GridElement, {
		...otherProps,
		ref,
		scrollbar,
		gridColumns: columns,
		gridRows: rows,
		gridTemplate: template,
		children
	});
}
const _LayoutGrid = forwardRef(LayoutGrid);
_LayoutGrid.displayName = "Layout.Grid";

//#endregion
export { _LayoutGrid };
//# sourceMappingURL=LayoutGrid.js.map