/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-c7e2378
 * 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 BlockElement = tasty(LayoutContent, {
    qa: 'LayoutBlock',
    styles: {
        container: 'none',
        flexShrink: 0,
        flexGrow: 0,
        Inner: {
            display: 'block',
        },
    },
});
function LayoutBlock(props, ref) {
    const { children, scrollbar = 'tiny', ...otherProps } = props;
    return (_jsx(BlockElement, { ...otherProps, ref: ref, scrollbar: scrollbar, children: children }));
}
const _LayoutBlock = forwardRef(LayoutBlock);
_LayoutBlock.displayName = 'Layout.Block';
export { _LayoutBlock as LayoutBlock };

        