/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-2305ece
 * 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 FlexElement = tasty(LayoutContent, {
    qa: 'LayoutFlex',
    styles: {
        container: 'none',
        flexShrink: 0,
        flexGrow: 0,
        Inner: {
            display: 'flex',
            flow: 'row',
            padding: 0,
        },
    },
});
function LayoutFlex(props, ref) {
    const { children, scrollbar = 'tiny', ...otherProps } = props;
    return (_jsx(FlexElement, { ...otherProps, ref: ref, scrollbar: scrollbar, children: children }));
}
const _LayoutFlex = forwardRef(LayoutFlex);
_LayoutFlex.displayName = 'Layout.Flex';
export { _LayoutFlex as LayoutFlex };

        