import CenterLayout from "@/layouts/CenterLayout";
import FullPageLayout from "@/layouts/FullPageLayout";
import { Box, Button, Typography } from "@mui/material";
import { NextLinkComposed } from "@/core/components/LinkRouting";
import { useTranslations } from "next-intl";
import Image from "next/image";

const NotFoundComponent = () => {
    const t = useTranslations();
  return (
    <FullPageLayout sx={{ p: 1 }}>
      <CenterLayout>
        <Box sx={{ position: "relative", width: "100%", height: 250 }}>
          <Image
            fill
            src="/images/not-found.svg"
            alt="not found image"
            priority
          />
        </Box>
        <Typography margin={2} variant="h6" textAlign="center">
          صفحه ای با این عنوان یافت نشد
        </Typography>
        <Button
          variant="contained"
          component={NextLinkComposed}
          to={{
            pathname: "/dashboard",
          }}
        >
          رفتن به داشبورد
        </Button>
      </CenterLayout>
    </FullPageLayout>
  );
};

export default NotFoundComponent;
