"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.TabTotalDropdownOption = void 0;
var _mobxReactLite = require("mobx-react-lite");
var _react = _interopRequireDefault(require("react"));
var _useFilterValueTotalState = require("./useFilterValueTotalState");
var _initTabTotal = require("../../state/initTabTotal");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TabTotal/TabTotalDropdownOption.tsx";
function _TabTotalDropdownOption(props) {
  const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
  const {
    totalsCollection: {
      result: {
        total
      },
      initTask
    }
  } = state;
  const {
    isIdle,
    isLoading
  } = initTask.status;
  return isIdle || isLoading ? null : /*#__PURE__*/_react.default.createElement("span", {
    "data-hook": "total",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 39
    }
  }, "(", total, ")");
}
_TabTotalDropdownOption.initTabTotal = _initTabTotal.initTabTotal;
const TabTotalDropdownOption = exports.TabTotalDropdownOption = (0, _mobxReactLite.observer)(_TabTotalDropdownOption);
TabTotalDropdownOption.displayName = 'TabTotalDropdownOption';
TabTotalDropdownOption.initTabTotal = _initTabTotal.initTabTotal;
//# sourceMappingURL=TabTotalDropdownOption.js.map