import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MainAction } from './MainAction';
import { SecondaryActions } from './SecondaryAction';
import { Wrapper } from './styles';
export const ActionCellBase = ({ actions, isDisabledAction, handleWrapperClick, handleActionClick, }) => {
    const { main, secondary } = actions;
    return (_jsxs(Wrapper, { onClick: handleWrapperClick, children: [main.map((action) => {
                return (_jsx(MainAction, { action: action, onActionClick: handleActionClick, isDisabled: isDisabledAction }, action.name));
            }), secondary && (_jsx(SecondaryActions, { actions: secondary, onActionClick: handleActionClick, isDisabled: isDisabledAction }))] }));
};
