import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { StyledMobileButton, StyledSecondaryVisibleActions } from './styles';
export const SecondaryVisibleActions = ({ actions, size = 'medium', }) => {
    return (_jsxs(_Fragment, { children: [actions.map(({ disabledReason, isBlockingOperation, icon, name, ...restActionProps }) => {
                return (_jsx(StyledMobileButton, { variant: "outlined", size: size, color: "grey", ...restActionProps, children: name }, name));
            }), _jsx(StyledSecondaryVisibleActions, { actions: actions, size: size })] }));
};
