import { BiArrowBack } from 'react-icons/bi';
import { Button } from '@/shared/ui/button';
import React from 'react';
import Link from 'next/link';

const PageNotFound = () => {
  return (
    <div className="custom-container">
      <div className="h-[60vh] flex justify-center items-center flex-col gap-2 my-[10px]">
        <div className="max-w-[500px] text-center text-muted font-medium">
          Страница, которую вы ищете, не существует
        </div>
        <Link href="/">
          <Button>
            <BiArrowBack />
            <span>Главная</span>
          </Button>
        </Link>
      </div>
    </div>
  );
};

export default PageNotFound;
