import { jsx as _jsx } from "react/jsx-runtime";
import { createElement as _createElement } from "react";
import { DotsOutlineMd } from '../../../icons/DotsOutlineMd';
import { IconDropdownButton } from '../../IconDropdownButton';
import { ListItemButton } from '../../ListItemButton';
import { ListItemText } from '../../ListItemText';
const TOOLTIP_PLACEMENT = 'right';
export const SecondaryActions = ({ actions, isDisabled, className, size, }) => {
    if (!actions.length) {
        return null;
    }
    return (_jsx(IconDropdownButton, { disabled: isDisabled, icon: _jsx(DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map(({ text, ...secondaryProps }) => (_createElement(ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
            _jsx(ListItemText, { primary: text })))) }));
};
