import * as tslib_1 from "tslib";
/**
 * @file list of language options in top bar with modal
 *
 * @TODO need to add localStorage to save this
 *
 * @NOTE was using this before to mock snackbar
 *    const snacked = this.state.isModalVisible ? <ToastSnackbar /> : null
 *    import ToastSnackbar from 'atoms/ToastSnackbar'
 */
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { pancakeSidebar } from 'src/views/App/Sidebarz';
import { localeContainer } from '../state';
import { LanguageModal } from '../LanguageModal';
import { LocaleFlagButton } from './LocaleFlagButton';
/**
 * was HeaderLocale
 */
let LocaleModalTrigger = class LocaleModalTrigger extends React.Component {
    handleMenuClick() {
        pancakeSidebar.setIsVisible(false);
        localeContainer.handleModalClick();
    }
    render() {
        const { className } = this.props;
        const { isModalVisible, list } = localeContainer;
        const modalView = isModalVisible && (this.props.children || React.createElement(LanguageModal, { key: "LanguageModal" }));
        return (React.createElement(React.Fragment, null,
            React.createElement(LocaleFlagButton, Object.assign({ className: className, onClick: localeContainer.handleModalClick }, list, { key: '1' })),
            modalView));
    }
};
LocaleModalTrigger = tslib_1.__decorate([
    observer
], LocaleModalTrigger);
export { LocaleModalTrigger };
//# sourceMappingURL=LocaleModalTrigger.js.map