import { Link as RouterLink } from "react-router-dom";
import Box from "@mui/material/Box";
import Typography from "@mui/material/Typography";
import { Button } from "../ui";

export default function NotFound() {
  return (
    <Box
      sx={{
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        justifyContent: "center",
        minHeight: "60vh",
        gap: 2,
        textAlign: "center",
      }}
    >
      <Typography variant="h1" sx={{ fontSize: "6rem", fontWeight: 700 }}>
        404
      </Typography>
      <Typography variant="body1">Stránka nebyla nalezena.</Typography>
      <Button component={RouterLink} to="/" sx={{ mt: 0.5 }}>
        Zpět na Dashboard
      </Button>
    </Box>
  );
}