// app.jsx — mount

function App() {
  const route = useHashRoute();
  const { values, update, enabled } = useTweaks();
  useCursorHalo();

  let page;
  if (route === '/zic-hat') page = <ZicHat />;
  else if (route === '/motion') page = <Motion />;
  else page = <Home />;

  return (
    <>
      <TopBar route={route} />
      {page}
      {enabled && <Tweaks values={values} onChange={update} />}
    </>
  );
}

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