import React from 'react';
import { Box, IconButton, Tooltip } from '@wix/design-system';
import { More } from '@wix/wix-ui-icons-common';
import { observer } from 'mobx-react-lite';
import { MoreActionsBase } from './MoreActionsBase';
import { useWixPatternsContainer } from '@wix/bex-core/react';
function _MoreActionsIcon(params) {
    const { translate: t } = useWixPatternsContainer();
    return (React.createElement(Box
    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
    , null,
        React.createElement(Tooltip, { content: t('cairo.moreActions'), dataHook: "more-actions-tooltip" },
            React.createElement(MoreActionsBase, { ...params, triggerElement: React.createElement(IconButton, { dataHook: "more-actions-popover-button", priority: "secondary" },
                    React.createElement(More, null)) }))));
}
export const MoreActionsIcon = observer(_MoreActionsIcon);
export const MoreActions = MoreActionsIcon;
//# sourceMappingURL=MoreActionsIcon.js.map