import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { DEFAULT_MESSAGE } from '../constants';
import { IndicatorTypography } from '../styles';
import { DefaultIcon, StyledTooltip } from './styles';
export const DefaultState = () => {
    return (_jsxs(_Fragment, { children: [_jsx(IndicatorTypography, { variant: "caption", children: DEFAULT_MESSAGE }), _jsx(StyledTooltip, { title: "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u0442\u043E\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u044E\u0442\u0441\u044F \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438", placement: "bottom", 
                // withoutContainer=false необходим для размещения тултипа на иконку
                withoutContainer: false, children: _jsx(DefaultIcon, {}) })] }));
};
