import { jsx as _jsx } from "react/jsx-runtime";
import { createElement as _createElement } from "react";
import { DotsVOutlineMd } from '../../../icons/DotsVOutlineMd';
import { IconDropdownButton } from '../../IconDropdownButton';
import { MenuItem } from '../../MenuItem';
export const SecondaryActions = ({ actions, onActionClick, isDisabled, }) => {
    return (_jsx(IconDropdownButton, { "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", icon: _jsx(DotsVOutlineMd, {}), variant: "text", disabled: isDisabled, children: actions.map((action) => {
            const { onClick, name } = action;
            return (_createElement(MenuItem, { ...action, key: name, tooltipPlacement: "left", onClick: onActionClick(onClick) }, name));
        }) }));
};
