"use client";

import React from "react";
import { Dialog } from "antd-mobile";
import { checkRole } from "@/utils/auth";
// import { useRouter } from "next/navigation";
import baseRequest from "@/utils/baseRequest";
import { save } from "@/utils/storeInfo";
import { getUserInfo } from "@/api/public";

export default function CheckVip({ children, isVipToPassFun, router }) {
  const base = baseRequest();
  const handleCheck = async () => {
    const isVip = await checkRole();
    if (!isVip) {
      const showMobal = Dialog.show({
        title: "是否开通会员",
        content: (
          <div>
            <div>会员可无限制保存图片，查看原图，一次开通永久有效。</div>
          </div>
        ),
        bodyStyle: {
          maxHeight: "none",
          width: "80vw",
          position: "fixed",
          top: "200px",
          left: "10vw",
          "--text-color": "#fff",
          color: "#fff",
        },
        // cancelText:"确认",
        // confirmText:"取消",
        style: {
          "--text-color": "#fff",
        },
        closeOnAction: true,
        actions: [
          [
            {
              key: "close",
              text: "取消",
              bold: true,
              style: { color: "#ffffff80" },
              onClick: () => {
                showMobal?.close();
              },
            },
            {
              key: "submit",
              text: "确认",
              style: { color: "#fff" },
              onClick: () => {
                showMobal.close();
                router.push(
                  `/webView/${encodeURIComponent(
                    `${
                      process.env.NEXT_PUBLIC_WEB_URL
                    }/vip?base=${encodeURIComponent(JSON.stringify(base))}`
                  )}`
                );
              },
            },
          ],
        ],
      });
      return;
    } else {
      isVipToPassFun();
    }
  };
  return <div onClick={handleCheck}>{children}</div>;
}