import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { IconButton } from '../../IconButton';
import { Tooltip } from '../../Tooltip';
export const SecondaryVisibleActions = ({ actions, className, size, }) => {
    return (_jsx(_Fragment, { children: actions.map((action) => {
            const { name, icon, disabledReason, disabled, isBlockingOperation, ...mainProps } = action;
            return (_jsx(Tooltip, { title: disabled ? disabledReason : name, withoutContainer: !disabled, children: _jsx(IconButton, { variant: "outlined", color: "grey", size: size, name: name, disabled: disabled, className: className, ...mainProps, children: icon }) }, name));
        }) }));
};
