"use client";
import { useEffect } from "react";
import useVerifyEmail from "../../../hooks/features/auth/verify-email/useVerifyEmail";
import { errorToast, successToast } from "../../../utils/toast";
import { AxiosError } from "axios";
import { ErrorApiResponse } from "../../../types/api-response";

export default function VerifyEmailContent() {
  const { data, loading, error } = useVerifyEmail();

  useEffect(() => {
    if (data) {
      successToast(data.message);
    }
    if (error) {
      const axiosError = error as AxiosError<ErrorApiResponse<Record<string, string[]>>>;
      errorToast(axiosError?.response?.data?.message ?? "Something went wrong.");
    }
  }, [data, error]);

  if (loading) return <div>Loading...</div>;
  return <div>Verify Email</div>;
}