import type { FC } from "react";

export const NotFoundPage: FC = () => {
  return (
    <div
      css={{
        width: "100%",
        height: "100%",
        display: "flex",
        flexDirection: "row",
        justifyContent: "center",
        alignItems: "center",
      }}
    >
      <div
        css={(theme) => ({
          margin: 8,
          padding: 8,
          borderRight: theme.palette.divider,
        })}
      >
        <h4>404</h4>
      </div>
      <p>This page could not be found.</p>
    </div>
  );
};

export default NotFoundPage;
