import './index.css';
import { MyFcrToolTip } from './view';
import clsx from 'clsx';
import { useNamespace } from '../../utilities/use-namespace';
import { FcrIcon } from '../icon';
import { FcrIconType } from '../icon/type';
import { useI18n } from '../../i18n';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var MeetingStatus = /*#__PURE__*/function (MeetingStatus) {
  MeetingStatus["NORMAL"] = "normal";
  MeetingStatus["SOON_TO_END"] = "soon2end";
  MeetingStatus["OVERTIME"] = "overtime";
  return MeetingStatus;
}({});
export var MeetingTime = function MeetingTime(props) {
  var ns = useNamespace('meeting-time');
  var transI18n = useI18n();
  // const currentTime = '59:59';
  // const total = 60;
  // const status: MeetingStatus = MeetingStatus.SOON_TO_END;
  var t = useI18n();
  return /*#__PURE__*/_jsx(MyFcrToolTip, {
    content: t('fmt_statusbar_label_durationtime', {
      reason1: props.total,
      reason2: t('fmt_statusbar_label_minutes')
    }),
    children: /*#__PURE__*/_jsxs("div", {
      className: clsx(ns.b(), ns.m(props.status)),
      children: [/*#__PURE__*/_jsx(FcrIcon, {
        type: FcrIconType.FCR_CLOCK,
        className: ns.e('icon'),
        size: 22
      }), /*#__PURE__*/_jsxs("div", {
        children: [props.currentTime, "(", props.total, "mins)"]
      })]
    })
  });
};