import React, { useState } from 'react';
function TestarCode() {
  const [code, setCode] = useState('');
  const [isAvailable, setIsAvailable] = useState(null);
  const [loading, setLoading] = useState(false);

  const testarCode = async () => {
    if (code.trim() === '') {
      setIsAvailable(false);
      return;
    }

    setLoading(true);
    try {
      const response = await fetch(`/api/verificar-code?code=${code}`);
      const data = await response.json();
      setIsAvailable(!data.exists);
    } catch (error) {
      console.error('Erro ao verificar código:', error);
      setIsAvailable(false);
    } finally {
      setLoading(false);
    }
  };

  return (
    <div className="p-4">
      <input type="text" value={code} onChange={(e) => setCode(e.target.value)} />
      <button onClick={testarCode}>Verificar Código</button>
      {`isAvailable === true &&

Código disponível!

`}
      {`isAvailable === false &&

Código inválido ou já existente.

`}
    </div>
  );
}