import React from 'react';
import SettingsIcon from '@mui/icons-material/Settings';
import i18n from 'ui-i18n';
import { SmallIconButtonWithTooltip } from '../SmallIconButton';
import { DropDownMenuButton } from '../DropDownMenuButton';
import { SettingsMenuItemRenderer } from './components/SettingsMenuItemRenderer';
export var SettingsMenu = function (_a) {
    var items = _a.items, menuId = _a.menuId;
    return (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
            icon: SettingsIcon,
            tooltipTitle: i18n.text('Settings'),
            size: 'L'
        }, menuId: menuId, menuItems: items, MenuItemRenderer: SettingsMenuItemRenderer }));
};
