// RSVPForm.tsx
const RSVPForm = () => {
  const [formData, setFormData] = useState({
    name: '',
    attending: null,
    guests: 1,
    phone: '',
    notes: ''
  });

  const handleSubmit = async (e) => {
    e.preventDefault();
    // Submit to API
    await fetch('/api/rsvp', {
      method: 'POST',
      body: JSON.stringify(formData)
    });
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* Form fields */}
    </form>
  );
};