import * as React from "react";
import { createRoot } from "react-dom/client";
import { requestAudioContext, randrange } from "./lib/util";

import App from "./ui/App.jsx";
import Stars from "./lib/stars";

document.body.style.color = "#fff";
document.body.style.margin = 0;
document.body.style.padding = 0;
document.body.style.height = "100%";
document.body.style.width = "100%";
document.body.style.fontFamily = "Helvetica, Arial";
document.body.parentNode.style.margin = 0;
document.body.parentNode.style.padding = 0;
document.body.parentNode.style.height = "100%";
document.body.parentNode.style.width = "100%";
document.body.parentNode.style.backgroundColor = "#111";

requestAudioContext(() => {
  const container = document.createElement("div");
  container.style.height = "100%";
  container.style.width = "100%";
  document.body.innerHTML = "";
  document.body.appendChild(container);
  const root = createRoot(container);
  root.render(<App />);
  Stars();
});
