import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useActionsState } from './hooks';
import { MainActions } from './MainActions';
import { SecondaryActions } from './SecondaryActions';
import { SecondaryVisibleActions } from './SecondaryVisibleActions';
import { Wrapper } from './styles';
export const ActionGroup = (props) => {
    const { main, secondary, secondaryVisible, className, size = 'medium', } = props;
    const { disabledAction } = useActionsState({ main, secondary });
    return (_jsxs(Wrapper, { className: className, children: [secondary && (_jsx(SecondaryActions, { isDisabled: disabledAction, actions: secondary, size: size })), secondaryVisible && (_jsx(SecondaryVisibleActions, { actions: secondaryVisible, size: size })), main && (_jsx(MainActions, { isDisabled: disabledAction, actions: main, size: size }))] }));
};
