generated from Tim-W-James/react-ts-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
NotFound.tsx
31 lines (29 loc) · 897 Bytes
/
NotFound.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import Button from "@components/buttons/Button";
import cn from "@styles/cssUtils";
import { BsFillHouseDoorFill } from "react-icons/bs";
const NotFound: React.FC = () => (
<>
<div className={cn("fixed -z-10 -mt-5 h-screen w-screen bg-dark-shades")} />
<div className={cn("mt-8 text-center")}>
<h1 className={cn("text-8xl font-bold text-light-accent")} id="404">
404
</h1>
<h2>
<span className={cn("text-danger")}>Oops!</span> Page not found.
</h2>
<h3>The page you're looking for doesn't exist.</h3>
<br />
<div className="flex items-center justify-center">
<Button
icon={<BsFillHouseDoorFill />}
isLight
label="Return Home"
mode="route"
to="/"
tooltip="Return to the homepage"
/>
</div>
</div>
</>
);
export default NotFound;