Cancellation feedback

<div data-form-id="FORM_UUID"></div>
<script src="https://www.muxforms.com/embed.js" defer></script>

import { MuxForm } from "@muxforms/react";

export function ContactForm() {
  return <MuxForm formId="FORM_UUID" />;
}

{
  "name": "Cancellation feedback",
  "project": "Product",
  "fields": [
    {
      "name": "reason",
      "label": "Main reason for canceling",
      "type": "select",
      "required": true,
      "options": [
        "Too expensive",
        "Missing features",
        "Switched product",
        "No longer need",
        "Other"
      ]
    },
    {
      "name": "competitor",
      "label": "If you switched, what did you choose?",
      "type": "text",
      "required": false
    },
    {
      "name": "details",
      "label": "Anything we could improve?",
      "type": "textarea",
      "required": false
    },
    {
      "name": "email",
      "label": "Email",
      "type": "email",
      "required": false,
      "placeholder": "jane@company.com"
    }
  ]
}