Lead

import { useCaptureLead } from '@corvex/theme-sdk';

export default function NewsletterForm() {
  const { capture, status, error } = useCaptureLead('newsletter_footer');

  async function onSubmit(event) {
    event.preventDefault();
    const email = new FormData(event.currentTarget).get('email');
    await capture({ email, optedIn: true });
  }

  return (
    <form onSubmit={onSubmit}>
      <input name="email" type="email" required />
      <button type="submit" disabled={status === 'loading'}>
        Cadastrar
      </button>
      {status === 'error' ? <p>{error?.message}</p> : null}
    </form>
  );
}