import React from 'react';
import Menu from '../../menu/index.js';
import Hide from '../../hide/index.js';
import { replaceLanguage } from './replaceLanguage.js';

var NavigationLanguageMenu = function (_a) {
    var activeLanguage = _a.activeLanguage;
    return (React.createElement(Hide, { below: "sm" },
        React.createElement(Menu, { title: activeLanguage.toUpperCase(), fontWeightTitle: "bold", menuColor: "gray.900", offset: [0, 18], iconSpacing: "xs", placement: "bottom-end", items: [
                {
                    text: 'Deutsch',
                    onClick: function () {
                        return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'de' });
                    },
                },
                {
                    text: 'Français',
                    onClick: function () {
                        return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'fr' });
                    },
                },
                {
                    text: 'Italiano',
                    onClick: function () {
                        return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'it' });
                    },
                },
            ] })));
};

export { NavigationLanguageMenu };
//# sourceMappingURL=NavigationLanguageMenu.js.map
