import classNames from 'classnames';
import React from 'react';
import { useSelector } from 'react-redux';
import { useExamTranslation } from '../../../i18n';
import { getSaveState } from '../../../store/selectors';
function SaveIndicator() {
    const state = useSelector(getSaveState);
    const { t } = useExamTranslation();
    if (state === 'initial') {
        return null;
    }
    return (React.createElement("dialog", { open: true, className: "save-indicator e-pad-1 e-font-size-xs" },
        React.createElement("span", { className: classNames('save-indicator-text', `save-indicator-text--${state}`) }, t('answer-saved'))));
}
export default React.memo(SaveIndicator);
//# sourceMappingURL=SaveIndicator.js.map