import { BiError } from "react-icons/bi";
import Button from "../../../components/button";
import { FaTelegram } from "react-icons/fa6";

const NoPayment = () => {
  return (
    <div className="w-full h-full glass flex-1 p-5">
      <div className="w-full h-full flex flex-col gap-5 items-center justify-between">
        <div className="w-full h-full flex flex-col justify-center items-center">
          <BiError className="w-24 h-24" />
          <h1 className="font-bold md:text-lg">
            درگاه پرداخت به صورت موقت غیر فعال شده است
          </h1>
        </div>
        <div className="w-full h-full flex justify-center items-center">
          <p className="text-xs md:text-sm">
            در حال حاضر خرید از سایت غیر فعال هست. <br />
            برای خرید سرویس لطفا به پشتیبانی تلگرام با نشانی{" "}
            <a href="https://t.me/PersianPingSupport" className="text-secondTheme">
              https://t.me/PersianPingSupport
            </a>{" "}
            پیام بدید یا به پشتیبانی آنلاین چت مراجعه کنید. از صبر شما سپاسگزاریم.
          </p>
        </div>
        <div className="w-full h-full flex flex-col gap-3 justify-center items-center">
          <p className="text-xs md:text-sm text-[#229ED9]">
            برای خرید از پشتیبانی در تلگرام لطفا دکمه زیر را کلیک کنید
          </p>
          <div className="w-full h-full flex">
            <Button extra="!flex-1 !bg-[#229ED9]">
              <a href="https://t.me/PersianPingSupport" className="w-full h-full flex justify-between items-center gap-4">
                <FaTelegram className="w-7 h-7" /> <span>ورود به پشتیبانی تلگرام</span> <br />
              </a>
            </Button>
          </div>
        </div>
      </div>
    </div>
  );
};

export default NoPayment;