// App entry point for demo/playground page
const { useState, useEffect } = React;
function App() {
  const [config, setConfig] = useState(window.__TWEAKS__);
  useEffect(() => { applyPalette(config.palette); }, [config.palette]);
  useRevealObserver();
  return (
    <>
      <Nav current="demo" />
      <div data-reveal><DemoPlayground /></div>
      <Footer />
      <Tweaks config={config} onChange={setConfig} />
    </>
  );
}
ReactDOM.createRoot(document.getElementById('app')).render(<App />);