import { Box, Button, Typography } from '@mui/material'
import axios from 'axios'
import React, { useEffect, useState } from 'react'
import { pagenotfound } from '../assets/images'

function PageNotFound() {
  return (
    <>
      <Box
        sx={{
          width: '100%',
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          marginTop: '50px',
        }}
      >
        <img src={pagenotfound} alt="page not found" width={470} />
        <Typography variant="h1">Page Not Found.</Typography>
      </Box>
    </>
  )
}

export default PageNotFound
