1 files changed, 23 insertions, 0 deletions
diff --git a/bs5/universal/native/shared/ServerActionWithFormDataServer.re b/bs5/universal/native/shared/ServerActionWithFormDataServer.re
new file mode 100644
index 0000000..f539f65
--- /dev/null
+++ b/bs5/universal/native/shared/ServerActionWithFormDataServer.re
@@ -0,0 +1,23 @@
+[@react.component]
+let make = () => {
+  <form
+    action={
+      switch%platform () {
+      | Server => `Function(ServerFunctions.formDataFunction)
+      // doesn't matter the client value, it will never reach the browser
+      | Client => ""
+      }
+    }
+    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>;
+};