import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import LocaleRouter from "../locale-router";
import { BrowserRouter } from "react-router-dom";
import { DeviceProvider } from "../../contexts/device";
import Navigation from "./index";
export default {
    title: "Genshiro/Composed/Navigation",
    component: Navigation,
};
/*
const DemoLangs: React.FC<{
  setLang: ((s: ("en" | "zh" | "ko")) => void);
  lang: "en" | "zh";
}> = (
  { setLang, lang }
) => {
    const { screen } = useDevice();
    const isDesktop = screen === "large";

    return (
      <LangSwitcher>
        <LangLink
          lang="en"
          onClick={() => setLang("en")}
          style={{ marginRight: isDesktop ? "8px" : "16px" }}
          className={lang === "en" ? "active" : ""}
        >
          {t`EN`}
        </LangLink>

        <LangLink
          lang="zh"
          onClick={() => setLang("zh")}
          style={{ marginRight: isDesktop ? "8px" : "16px" }}
          className={lang === "zh" ? "active" : ""}
        >
          {t`CH`}
        </LangLink>

        <LangLink
          lang="ko"
          onClick={() => setLang("ko")}
          className={lang === "ko" ? "active" : ""}
        >
          {t`KR`}
        </LangLink>
      </LangSwitcher>
    )
  }
  */
export const GenshiroNavigation = () => {
    const [lang, setLang] = React.useState("en");
    return (_jsx(_Fragment, { children: _jsx(BrowserRouter, { children: _jsx(DeviceProvider, { children: _jsx(LocaleRouter, { langs: ["en", "zh"], children: _jsx(Navigation
                    // lang={lang}
                    , {}) }) }) }) }));
};
//# sourceMappingURL=index.stories.js.map