import { Link } from "react-router-dom"
import FilledButton from "../md-components/FilledButton"
import Icon from "../md-components/Icon"

const NotFound = () => {
    return <div style={{
        height: "100%",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexDirection: "column",
        gap: "40px"
    }}>
        <h1 style={{margin: 0}}>404</h1>
        <Icon style={{fontSize: "100px", height: "100px", width: "100px", color: "var(--md-sys-color-on-background)"}}>search_off</Icon>
        <Link to={"/"}>
            <FilledButton>
                <Icon slot="icon">search</Icon>
                Найти что-нибудь еще
            </FilledButton>
        </Link>
    </div>
}
export default NotFound