1 files changed, 22 insertions, 0 deletions
diff --git a/bs5/universal/native/shared/ServerActionWithFormData.re b/bs5/universal/native/shared/ServerActionWithFormData.re
new file mode 100644
index 0000000..415d694
--- /dev/null
+++ b/bs5/universal/native/shared/ServerActionWithFormData.re
@@ -0,0 +1,22 @@
+[@react.client.component]
+let make = () => {
+  <form
+    action={
+      switch%platform () {
+      | Server => `String("")
+      | Client => Obj.magic(ServerFunctions.formDataFunction.call)
+      }
+    }
+    className={Cx.make([Theme.text(Theme.Color.Gray4)])}>
+    <input
+      name="name"
+      className="w-full mb-2 font-sans border border-gray-300 py-2 px-4 rounded-md bg-white text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-200"
+      placeholder="Name"
+    />
+    <button
+      className="font-mono border-2 py-1 px-2 rounded-lg bg-yellow-950 border-yellow-700 text-yellow-200 hover:bg-yellow-800"
+      type_="submit">
+      {React.string("Send Form Data")}
+    </button>
+  </form>;
+};