1 files changed, 27 insertions, 0 deletions
diff --git a/src/components/actiontest.tsx b/src/components/actiontest.tsx
new file mode 100644
index 0000000..863f289
--- /dev/null
+++ b/src/components/actiontest.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { testFn, testLogin } from "@/actions/test";
+import { useActionState, useState } from "react";
+
+export default function TestForm() {
+  const [state, formAction, isPending] = useActionState<number, FormData>(
+    testLogin,
+    0,
+  );
+  return (
+    <form action={formAction}>
+      <p>State: {state}</p>
+      <label>
+        Username
+        <input type="text" placeholder="shadcn" name="username" />
+      </label>
+      <label className="flex justify-between">
+        <span>Password</span>
+        <input type="password" placeholder="..." name="password" />
+      </label>
+      <button type="submit" className="w-full">
+        Login
+      </button>
+    </form>
+  );
+}