var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/**
 * @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 React from 'react';
import { observer } from 'xmobx/mobx-react';
import { Modal } from 'src/ui';
import { localeContainer } from 'state/locale';
import { pancakeSidebar } from 'src/views/layouts/Sidebarz';
import { ModalBox, LocalWrap, StyledModal, StyledModalTitle, StyledModalCloseButton, } from './_elements';
import { LanguageList } from 'src/views/organisms/LanguageOptions';
import TopBarLocale from './TopBarLocale';
/**
 * elements < atoms < molecules < organisms < widgets
 * @type {Organism}
 */
class LanguagePopUp extends React.Component {
    render() {
        const { chooseRegion } = localeContainer.wording;
        return (React.createElement(Modal.ModalContext, { onClose: localeContainer.handleCloseModal },
            React.createElement(StyledModal, { isDefaultFocus: false, isVisible: true },
                React.createElement(StyledModalCloseButton, null),
                React.createElement(ModalBox, null,
                    React.createElement(StyledModalTitle, null, chooseRegion),
                    React.createElement(LanguageList, null)))));
    }
}
let HeaderLocale = class HeaderLocale extends React.Component {
    handleMenuClick() {
        pancakeSidebar.setIsVisible(false);
        localeContainer.handleModalClick();
    }
    render() {
        const { className } = this.props;
        // NOTE: change this to always render TopBarLocale by default... [ NOT JANKY ]
        const { isModalVisible, list } = localeContainer;
        const modal = isModalVisible && React.createElement(LanguagePopUp, null);
        return (React.createElement(LocalWrap, { className: className },
            React.createElement(TopBarLocale, Object.assign({ onClick: localeContainer.handleModalClick }, list, { key: "topbarlocale" })),
            modal));
    }
};
HeaderLocale = __decorate([
    observer
], HeaderLocale);
export default HeaderLocale;
//# sourceMappingURL=index.HeaderLocale.js.map