import React, { forwardRef } from "react";
import { cx } from "../../utils";
import { base as viewCSS } from "./variations/_view/base";
import { base as sizeCSS } from "./variations/_size/base";
import { classes } from "./Toolbar.tokens";
import { base } from "./Toolbar.styles";
export const toolbarRoot = (Root)=>/*#__PURE__*/ forwardRef((props, ref)=>{
        const { children, orientation = 'vertical', hasShadow = true, className, ...rest } = props;
        const orientationClassName = orientation === 'horizontal' ? classes.horizontal : classes.vertical;
        const shadowClassName = hasShadow ? classes.shadow : undefined;
        return /*#__PURE__*/ React.createElement(Root, {
            ref: ref,
            orientation: orientation,
            hasShadow: hasShadow,
            className: cx(className, orientationClassName, shadowClassName),
            ...rest
        }, children);
    });
export const toolbarConfig = {
    name: 'Toolbar',
    tag: 'div',
    layout: toolbarRoot,
    base,
    variations: {
        size: {
            css: sizeCSS
        },
        view: {
            css: viewCSS
        }
    },
    defaults: {
        view: 'default'
    }
};
