diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js
index 249ac5e..957a48e 100644
--- a/src/components/FormInput/index.js
+++ b/src/components/FormInput/index.js
@@ -1,11 +1,27 @@
 import React from "react";
+import { useForm } from "react-hook-form";
+
+import Input from "./Input";
 
 const FormInput = () => {
+  const { register, getValues } = useForm();
   return (
-    <div className="max-w-[850px] mx-auto mt-20 bg-white rounded-sm shadow-sm">
-      sdfdsf
+    <div>
+      <Input
+        register={register("firstName")}
+        // defaultValue={info?.firstName}
+        label="نام "
+      />
+      <Input
+        register={register("lastName")}
+        // defaultValue={info?.lastName}
+        label="نام خانوادگی"
+      />
     </div>
   );
 };
 
 export default FormInput;
+
+// <div className="max-w-[850px] mx-auto mt-20 bg-white rounded-sm shadow-sm">
+// </div>