// Tailwind.
import Navigation from "../Utils/Navigation";
import Button, { ButtonStyleType } from "./Button/Button";
import URL from "../../Types/API/URL";
import React from "react";
const NotFound = (props) => {
    return (React.createElement("div", { className: "mx-auto max-w-full sm:px-6 lg:px-8 rounded-lg" },
        React.createElement("div", { className: "min-h-full py-16 px-6 sm:py-24 md:grid md:place-items-center lg:px-8" },
            React.createElement("div", { className: "mx-auto" },
                React.createElement("main", { className: "sm:flex" },
                    React.createElement("p", { className: "text-4xl  tracking-tight text-indigo-600 sm:text-5xl" }, "404"),
                    React.createElement("div", { className: "sm:ml-6" },
                        React.createElement("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6" },
                            React.createElement("h1", { className: "text-4xl  tracking-tight text-gray-900 sm:text-5xl" }, "Page not found"),
                            React.createElement("p", { className: "mt-1 text-base text-gray-500" }, "Please check the URL in the address bar and try again.")),
                        React.createElement("div", { className: "mt-10 flex space-x-3 sm:border-l sm:border-transparent sm:pl-6" },
                            React.createElement(Button, { title: "Go Home", buttonStyle: ButtonStyleType.PRIMARY, onClick: () => {
                                    Navigation.navigate(props.homeRoute);
                                } }),
                            React.createElement(Button, { title: "Contact Support", buttonStyle: ButtonStyleType.NORMAL, onClick: () => {
                                    Navigation.navigate(URL.fromString("mailto:" + props.supportEmail.toString()));
                                } }))))))));
};
export default NotFound;
//# sourceMappingURL=404.js.map