import { useForm } from '@voieform/react';

export default function ContactForm() {
  const { submit, loading, data } = useForm({
    apiKey: 'pr_live_x92a'
  });

  if (data?.success) {
    return <p className="text-emerald-400 font-bold">Thank you! Message delivered.</p>;
  }

  return (
    <form onSubmit={submit} className="space-y-4">
      <input name="email" type="email" placeholder="Email" required />
      <textarea name="message" placeholder="Your message" required />
      <button type="submit" disabled={loading}>
        {loading ? 'Sending...' : 'Send Message'}
      </button>
    </form>
  );
}