Waitlist

import { useWaitlist } from '@kerne/react';

function WaitlistForm() {
  const { join } = useWaitlist();
  const [email, setEmail] = useState('');
  const [submitted, setSubmitted] = useState(false);

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    await join({ email });
    setSubmitted(true);
  };

  if (submitted) return <p>You're on the list.</p>;
  return (
    <form onSubmit={handleSubmit}>
      <input value={email} onChange={(e) => setEmail(e.target.value)} type="email" required />
      <button type="submit">Join waitlist</button>
    </form>
  );
}