/* Root app */
function App() {
  const [path, navigate] = useRoute();
  const [tweaks, setTweak] = useTweaks();

  const isTalentProfile = path.startsWith("talent-profile:");
  const talentSlug = isTalentProfile ? path.split(":")[1] : null;

  return (
    <>
      <Cursor enabled={tweaks.cursorLabels !== false} />
      <SubwayCurtain />
      <Nav path={path} navigate={navigate} />
      <NYCClock />
      {isTalentProfile ? (
        <TalentProfilePage slug={talentSlug} navigate={navigate} />
      ) : (
        <HomePage navigate={navigate} tweaks={tweaks} />
      )}
      <TweaksPanel tweaks={tweaks} setTweak={setTweak} />
    </>
  );
}

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