import { useI18n } from '../../../i18n';
import { FcrIconType } from '../../icon/type';
import { FcrToolTip } from '../../tooltip';
import { ActionBarItem } from '../item';
import { jsx as _jsx } from "react/jsx-runtime";
export var Settings = function Settings(_ref) {
  var id = _ref.id,
    order = _ref.order;
  var t = useI18n();
  var title = t('fcr_settings_setting');
  var tooltip = t('fcr_settings_setting');
  return /*#__PURE__*/_jsx(FcrToolTip, {
    content: tooltip,
    children: /*#__PURE__*/_jsx(ActionBarItem, {
      id: id,
      order: order,
      icon: FcrIconType.FCR_SETTING,
      title: title,
      onClick: function onClick() {},
      iconColors: {
        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
      }
    })
  });
};