import { useI18n } from '../../../i18n';
import { FcrCheckbox } from '../../checkbox';
import { FcrToolTip } from '../../tooltip';
import './index.css';
import { jsx as _jsx } from "react/jsx-runtime";
export var ShareScreenContentHint = function ShareScreenContentHint(props) {
  var isFluent = props.isFluent,
    onChangeHint = props.onChangeHint;
  var t = useI18n();
  return /*#__PURE__*/_jsx("div", {
    className: "share-screen-content-hint",
    children: /*#__PURE__*/_jsx(FcrToolTip, {
      content: t('fmt_uimanager_option_Improvefluency'),
      trigger: "hover",
      placement: "top",
      mouseEnterDelay: 0,
      children: /*#__PURE__*/_jsx("div", {
        className: "share-screen-content-hint__action-button share-audio-button",
        children: /*#__PURE__*/_jsx(FcrCheckbox, {
          onChange: onChangeHint,
          label: t('fmt_uimanager_option_Fluencypriority'),
          styleType: "brand",
          checked: isFluent
        })
      })
    })
  });
};