@mongez/react-components/cjs/NotFound/NotFound.js

Beautiful and simple ready React Components for quick production.

"use strict";
var jsxRuntime = require("react/jsx-runtime"),
  react = require("react");
const classes = {};
function NotFound() {
  react.useEffect(() => {
    document.title = "404 Not Found Page";
    const starContainer = document.querySelector(".stars");
    for (let i = 0; i < 100; i++) {
      starContainer.innerHTML += `<div class="${classes.star}"></div>`;
    }
  }, []);
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
    children: jsxRuntime.jsxs("div", {
      className: classes.root,
      children: [
        jsxRuntime.jsxs("div", {
          className: classes.text_group,
          children: [
            jsxRuntime.jsx("p", {
              className: classes.text_404,
              children: "404",
            }),
            jsxRuntime.jsxs("p", {
              className: classes.text_lost,
              children: [
                "The page you are looking for ",
                jsxRuntime.jsx("br", {}),
                "has been lost in space.",
              ],
            }),
          ],
        }),
        jsxRuntime.jsx("div", {
          className: classes.window_group,
          children: jsxRuntime.jsx("div", {
            className: classes.window_404,
            children: jsxRuntime.jsx("div", {
              className: classes.stars + " stars",
            }),
          }),
        }),
      ],
    }),
  });
}
module.exports = NotFound;