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

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { tasty } from '../../../tasty/index.js';
import { LayoutContent } from './LayoutContent.js';
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 (_jsx(GridElement, { ...otherProps, ref: ref, scrollbar: scrollbar, gridColumns: columns, gridRows: rows, gridTemplate: template, children: children }));
}
const _LayoutGrid = forwardRef(LayoutGrid);
_LayoutGrid.displayName = 'Layout.Grid';
export { _LayoutGrid as LayoutGrid };

        