/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-d4047d7
 * 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 ToolbarElement = tasty(LayoutContent, {
    qa: 'Toolbar',
    role: 'toolbar',
    styles: {
        container: 'none',
        height: 'min 5x',
        flexShrink: 0,
        flexGrow: 0,
        Inner: {
            display: 'flex',
            flow: 'row nowrap',
            placeContent: 'center space-between',
            placeItems: 'center stretch',
            gap: '1x',
            padding: '0 ($content-padding, 1x)',
        },
    },
});
function LayoutToolbar(props, ref) {
    const { children, scrollbar = 'tiny', ...otherProps } = props;
    return (_jsx(ToolbarElement, { ...otherProps, ref: ref, scrollbar: scrollbar, children: children }));
}
const _LayoutToolbar = forwardRef(LayoutToolbar);
_LayoutToolbar.displayName = 'Layout.Toolbar';
export { _LayoutToolbar as LayoutToolbar };

        