import { jsx } from 'react/jsx-runtime';
import { useState } from 'react';
import LanguageDropdown from '../components/LanguageDropdown.js';
import '../tslib.es6-faad35dc.js';
import '@mui/material/styles';
import '@mui/material/ClickAwayListener';
import '@mui/material/useMediaQuery';
import '@mui/material/Popper';
import '@mui/material/Fade';
import '@mui/material/Box';
import '../components/Button.js';
import '../clsx.m-6243b874.js';
import '@mui/material/Button';
import '../theme/colors.js';
import '../components/Icon.js';
import '../icons/ArrowLeft.js';
import '../icons/ArrowRight.js';
import '../icons/CloseCircle.js';
import '../icons/InfoCircle.js';
import '../icons/ErrorCircle.js';
import '../icons/Attention.js';
import '../icons/HelpCircle.js';
import '../icons/Document.js';
import '../icons/DocumentText.js';
import '../icons/Lock.js';
import '../icons/Delete.js';
import '../icons/Users.js';
import '../icons/Stakefish.js';
import '../icons/Sound.js';
import '../icons/Beacon.js';
import '../icons/TriangleRight.js';
import '../icons/TriangleLeft.js';
import '../icons/TriangleUp.js';
import '../icons/TriangleDown.js';
import '../icons/Sent.js';
import '../icons/Download.js';
import '../icons/Faster.js';
import '../icons/Slower.js';
import '../icons/Usb.js';
import '../icons/Key.js';
import '../icons/Edit.js';
import '../icons/Expand.js';
import '../icons/Collapse.js';
import '../icons/Success.js';
import '../icons/SuccessCircle.js';
import '../icons/Fail.js';
import '../icons/Desktop.js';
import '../icons/Mobile.js';
import '../icons/Loading.js';
import '../icons/Upload.js';
import '../icons/Check.js';
import '../icons/ChevronLeft.js';
import '../icons/ChevronRight.js';
import '../icons/Plus.js';
import '../icons/Minus.js';
import '../icons/Globe.js';
import '../icons/Link.js';
import '../icons/Copy.js';
import '../icons/Medium.js';
import '../icons/Twitter.js';
import '../icons/Telegram.js';
import '../icons/Eth.js';
import '../icons/Sort.js';
import '../icons/Close.js';
import '../icons/DollarSign.js';
import '../icons/Search.js';
import '../icons/Range.js';
import '../icons/Instagram.js';
import '../icons/LinkedIn.js';
import '../icons/Reddit.js';
import '../icons/YouTube.js';
import '../icons/Chrome.js';
import '../icons/CloudConnect.js';
import '../icons/Update.js';
import '../icons/Menu.js';
import '../icons/Settings.js';
import '../theme/boxShadow.js';

var languages = [
    {
        path: "bo",
        locale: "བོད་ཡིག",
        translatedLocale: "Tibetan"
    },
    {
        path: "ca",
        locale: "Català",
        translatedLocale: "Catalan"
    },
    {
        path: "de",
        locale: "Deutsch",
        translatedLocale: "German"
    },
    {
        path: "en",
        locale: "English",
        translatedLocale: "English"
    },
    {
        path: "es",
        locale: "Español",
        translatedLocale: "Spanish"
    },
    {
        path: "fr",
        locale: "Français",
        translatedLocale: "French"
    },
    {
        path: "he",
        locale: "עברית",
        translatedLocale: "Hebrew"
    },
    {
        path: "it",
        locale: "Italiano",
        translatedLocale: "Italian"
    },
    {
        path: "ja",
        locale: "日本語",
        translatedLocale: "Japanese"
    },
    {
        path: "ko",
        locale: "한국어",
        translatedLocale: "Korean"
    },
    {
        path: "ru",
        locale: "Русский",
        translatedLocale: "Russian"
    },
    {
        path: "th",
        locale: "ไทย",
        translatedLocale: "Thai"
    },
    {
        path: "ug",
        locale: "ئۇيغۇرچە",
        translatedLocale: "Uyghur"
    },
    {
        path: "uk",
        locale: "Українська",
        translatedLocale: "Ukrainian"
    },
    {
        path: "mn",
        locale: "ᠮᠣᠩᠭᠣᠯ",
        translatedLocale: "Mongolian"
    },
    {
        path: "vi",
        locale: "Tiếng Việt",
        translatedLocale: "Vietnamese"
    },
    {
        path: "zh",
        locale: "中文",
        translatedLocale: "Chinese"
    }
];
var Template = function () {
    var _a = useState({
        path: "en",
        locale: "English",
        translatedLocale: "English"
    }), selectedLanguage = _a[0], setSelectedLanguage = _a[1];
    var handleLanguageChange = function (language) {
        setSelectedLanguage(language);
    };
    return jsx(LanguageDropdown, { languages: languages, onLanguageChange: handleLanguageChange, value: selectedLanguage }, void 0);
};
/**
 * Stories
 */
var Default = Template.bind({});
var LanguageDropdown_stories = {
    title: "Components/LanguageDropdown",
    component: LanguageDropdown,
    argTypes: {
        languages: { table: { disable: true } },
        onLanguageChange: { table: { disable: true } },
        value: { table: { disable: true } }
    }
};

export { Default, LanguageDropdown_stories as default };
