// app.jsx — application entry point for canislupus.dev
//
// Mounts the portfolio. The visual configuration below is fixed for the
// published site; adjust these values to retune the look.

const CONFIG = {
  theme: "crepúsculo", // "crepúsculo" (dusk) | "claro" (light)
  stackStyle: "logos", // "logos" | "constelação"
  accent: "#1d4ed8",
  buttonStyle: "ink", // "ink" | "accent"
};

function App() {
  const [lang, setLangState] = React.useState(() => {
    try {
      return localStorage.getItem("cl_lang") || "pt";
    } catch (e) {
      return "pt";
    }
  });

  const setLang = (l) => {
    setLangState(l);
    try {
      localStorage.setItem("cl_lang", l);
    } catch (e) {}
  };

  React.useEffect(() => {
    document.documentElement.lang = lang === "pt" ? "pt-BR" : "en";
  }, [lang]);

  return <ObservatorySite lang={lang} setLang={setLang} tweaks={CONFIG}></ObservatorySite>;
}

ReactDOM.createRoot(document.getElementById("root")).render(<App></App>);