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

const Offline = () => {
    return <div style={{
        height: "100%",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexDirection: "column",
        gap: "40px"
    }}>
        <h1 style={{margin: 0}}>Нет сети</h1>
        <Icon style={{fontSize: "80px", height: "80px", width: "80px", color: "var(--md-sys-color-on-background)"}}>cloud_off</Icon>
        <Link to={"/account"}>
            <FilledButton>
                <Icon slot="icon">local_library</Icon>
                В локальную библиотеку
            </FilledButton>
        </Link>
    </div>
}
export default Offline