import { observer } from 'mobx-react-lite';
import React from 'react';
import { useFilterValueTotalState, } from './useFilterValueTotalState';
import { initTabTotal } from '../../state/initTabTotal';
function _TabTotalDropdownOption(props) {
    const state = useFilterValueTotalState(props);
    const { totalsCollection: { result: { total }, initTask, }, } = state;
    const { isIdle, isLoading } = initTask.status;
    return isIdle || isLoading ? null : React.createElement("span", { "data-hook": "total" },
        "(",
        total,
        ")");
}
_TabTotalDropdownOption.initTabTotal = initTabTotal;
export const TabTotalDropdownOption = observer(_TabTotalDropdownOption);
TabTotalDropdownOption.displayName = 'TabTotalDropdownOption';
TabTotalDropdownOption.initTabTotal = initTabTotal;
//# sourceMappingURL=TabTotalDropdownOption.js.map