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