/** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
import { _Layout } from "./Layout.js";
import { _LayoutContent } from "./LayoutContent.js";
import { _LayoutBlock } from "./LayoutBlock.js";
import { _LayoutFlex } from "./LayoutFlex.js";
import { _LayoutFooter } from "./LayoutFooter.js";
import { _LayoutGrid } from "./LayoutGrid.js";
import { _LayoutHeader } from "./LayoutHeader.js";
import { _LayoutPane } from "./LayoutPane.js";
import { _LayoutPanel } from "./LayoutPanel.js";
import { _LayoutPanelHeader } from "./LayoutPanelHeader.js";
import { _LayoutToolbar } from "./LayoutToolbar.js";
import { tasty } from "@tenphi/tasty";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Layout/GridLayout.tsx
const GridLayoutElement = tasty(_Layout, {
	qa: "GridLayout",
	styles: { Inner: { display: "grid" } }
});
function GridLayoutBase(props, ref) {
	const { columns, rows, template, ...otherProps } = props;
	return /* @__PURE__ */ jsx(GridLayoutElement, {
		ref,
		isGrid: true,
		gridColumns: columns,
		gridRows: rows,
		gridTemplate: template,
		...otherProps
	});
}
const _GridLayout = forwardRef(GridLayoutBase);
_GridLayout.displayName = "GridLayout";
const GridLayout = Object.assign(_GridLayout, {
	Toolbar: _LayoutToolbar,
	Header: _LayoutHeader,
	Footer: _LayoutFooter,
	Content: _LayoutContent,
	Block: _LayoutBlock,
	Flex: _LayoutFlex,
	Grid: _LayoutGrid,
	Pane: _LayoutPane,
	Panel: _LayoutPanel,
	PanelHeader: _LayoutPanelHeader
});

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