React Examples

import { useState } from 'react';

interface UseEmailReturn {
  sendEmail: (params: EmailParams) => Promise<void>;
  loading: boolean;
  error: string | null;
  success: boolean;
}

export function useEmail(): UseEmailReturn {
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [success, setSuccess] = useState(false);

  const sendEmail = async (params: EmailParams) => {
    setLoading(true);
    setError(null);
    setSuccess(false);

    try {
      // Call your API route, not Metigan directly from client
      const response = await fetch('/api/send-email', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(params)
      });

      const data = await response.json();

      if (data.success) {
        setSuccess(true);
      } else {
        setError(data.message || 'Failed to send email');
      }
    } catch (err) {
      setError(err instanceof Error ? err.message : 'Unknown error');
    } finally {
      setLoading(false);
    }
  };

  return { sendEmail, loading, error, success };
}