|
|
|
import React, { useState } from "react";
|
|
|
|
import { useForm } from "react-hook-form";
|
|
|
|
|
|
|
|
import Input from "./Input";
|
|
|
|
|
|
|
|
const FormInput = () => {
|
|
|
|
const { register, getValues } = useForm();
|
|
|
|
const [selectedInput, setSelectedInput] = useState(false);
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="mx-72 mt-20 flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse bg-white p-4 py-7 border border-gray-200 rounded-sm shadow-sm">
|
|
|
|
<div className="flex-grow px-4">
|
|
|
|
<Input
|
|
|
|
register={register("firstName")}
|
|
|
|
// defaultValue={info?.firstName}
|
|
|
|
label="نام "
|
|
|
|
borderClassname={` ${
|
|
|
|
selectedInput === true ? "border-[#E0E0E0]" : "border-[#2483E1]"
|
|
|
|
}`}
|
|
|
|
onClick={() => setSelectedInput(true)}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div className="flex-grow px-4">
|
|
|
|
<Input
|
|
|
|
register={register("firstName")}
|
|
|
|
// defaultValue={info?.firstName}
|
|
|
|
label="نام "
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div className="flex-grow px-4">
|
|
|
|
<Input
|
|
|
|
register={register("firstName")}
|
|
|
|
// defaultValue={info?.firstName}
|
|
|
|
label="نام "
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default FormInput;
|