/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.98.7
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef, } from 'react';
import { tasty } from '../../../tasty';
import { Layout } from './Layout';
import { LayoutBlock } from './LayoutBlock';
import { LayoutContent } from './LayoutContent';
import { LayoutFlex } from './LayoutFlex';
import { LayoutFooter } from './LayoutFooter';
import { LayoutGrid } from './LayoutGrid';
import { LayoutHeader } from './LayoutHeader';
import { LayoutPane } from './LayoutPane';
import { LayoutPanel } from './LayoutPanel';
import { LayoutPanelHeader } from './LayoutPanelHeader';
import { LayoutToolbar } from './LayoutToolbar';
const GridLayoutElement = tasty(Layout, {
    qa: 'GridLayout',
    styles: {
        Inner: {
            display: 'grid',
        },
    },
});
function GridLayoutBase(props, ref) {
    const { columns, rows, template, ...otherProps } = props;
    return (_jsx(GridLayoutElement, { ref: 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,
});
export { GridLayout };

        