import { useI18n } from '../../../i18n';
import { FcrIcon } from '../../icon';
import { FcrIconType } from '../../icon/type';
import { FcrToolTip } from '../../tooltip';
import { MicrophoneState } from '../microphone-state';
import { TransferPosition, TransferPositionIcon } from '../transfer-position-icon';
import './index.css';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var DragIcon = function DragIcon() {
  var t = useI18n();
  return /*#__PURE__*/_jsx(FcrToolTip, {
    content: t('fmt_popup_button_drag'),
    trigger: "hover",
    mouseEnterDelay: 0,
    children: /*#__PURE__*/_jsx("div", {
      className: "share-state-nav__drag-button",
      children: /*#__PURE__*/_jsx(FcrIcon, {
        type: FcrIconType.FCR_WHITEBOARD_MOVE,
        className: "share-state-nav__drag-icon",
        colors: {
          iconPrimary: 'var(--fcr_ui_scene_black8)'
        },
        size: 20
      })
    })
  });
};
export var ShareStateNav = function ShareStateNav(props) {
  var onShareStateNavTransferPosition = props.onShareStateNavTransferPosition,
    currentPosition = props.currentPosition;
  var t = useI18n();
  return /*#__PURE__*/_jsxs("div", {
    className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
    children: [/*#__PURE__*/_jsx(DragIcon, {}), /*#__PURE__*/_jsx(TransferPositionIcon, {
      onTransferPositionButtonClick: onShareStateNavTransferPosition,
      currentPosition: currentPosition
    }), /*#__PURE__*/_jsx("div", {
      className: "share-state-nav__state-text",
      children: t('fmt_settings_tips_sharing')
    }), /*#__PURE__*/_jsx(MicrophoneState, {
      isMicrophoneMuted: true
    }), /*#__PURE__*/_jsxs("div", {
      className: "share-state-nav__meeting-elapsed-time",
      children: [/*#__PURE__*/_jsx("span", {
        children: "00:10:00"
      }), /*#__PURE__*/_jsxs("span", {
        children: ["(", t('fmt_settings_labels_miniutes', {
          reason1: 60
        }), ")"]
      })]
    }), /*#__PURE__*/_jsxs("div", {
      className: "share-state-nav__stop-share fcr-flex fcr-items-center fcr-justify-center",
      children: [/*#__PURE__*/_jsx(FcrIcon, {
        type: FcrIconType.FCR_RECORDING_STOP,
        size: 20,
        colors: {
          iconPrimary: 'var(--fcr_ui_scene_white10)'
        }
      }), t('fmt_screenshare_controlbar_button_stop')]
    })]
  });
};