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

Beautiful and simple ready React Components for quick production.

import { jsx, Fragment, jsxs } from "react/jsx-runtime";
import { useEffect } from "react";
const classes = {};
function NotFound() {
  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 jsx(Fragment, {
    children: jsxs("div", {
      className: classes.root,
      children: [
        jsxs("div", {
          className: classes.text_group,
          children: [
            jsx("p", { className: classes.text_404, children: "404" }),
            jsxs("p", {
              className: classes.text_lost,
              children: [
                "The page you are looking for ",
                jsx("br", {}),
                "has been lost in space.",
              ],
            }),
          ],
        }),
        jsx("div", {
          className: classes.window_group,
          children: jsx("div", {
            className: classes.window_404,
            children: jsx("div", { className: classes.stars + " stars" }),
          }),
        }),
      ],
    }),
  });
}
export { NotFound as default };