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