declare const SubmitChangesOnly: () => import("react/jsx-runtime").JSX.Element;
export default SubmitChangesOnly;
export declare const DOCS_CODE = "\nconst SubmitChangesOnly = () => {\n  return (\n    <Form\n      onSubmit={(data: FormData) => {\n        alert(JSON.stringify(data, null, 2));\n      }}\n      submitChangesOnly\n      defaultValues={{\n        firstName: \"Jhon\",\n        lastName: \"Doe\",\n        bio: \"I'm a software engineer\",\n      }}\n    >\n      {({ reset }) => (\n        <div className=\"flex w-full flex-col gap-2 md:w-96\">\n          <StringField\n            name=\"firstName\"\n            placeholder=\"Jhon\"\n            label=\"First name\"\n            required\n          />\n          <StringField\n            name=\"lastName\"\n            placeholder=\"Doe\"\n            label=\"Last name\"\n            required\n          />\n          <StringField\n            name=\"bio\"\n            placeholder=\"I'm a software engineer\"\n            label=\"Bio\"\n            description=\"If you leave this field empty, it will be submitted as null\"\n            multiline\n          />\n\n          <div className=\"text-sm text-gray-500\">\n            After submitting the form, all form fields will be reset to their\n            initial values\n          </div>\n\n          <div className=\"flex gap-2\">\n            <Button\n              className=\"w-full\"\n              color=\"light\"\n              type=\"reset\"\n              onClick={() => reset()}\n            >\n              Reset\n            </Button>\n            <Button className=\"w-full\" type=\"submit\">\n              Submit\n            </Button>\n          </div>\n        </div>\n      )}\n    </Form>\n  );\n};\n";
//# sourceMappingURL=submit-changes-only.d.ts.map