You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
1.2 KiB

import React, { useState } from "react";
import { useForm } from "react-hook-form";
import Input from "./Input";
3 years ago
const FormInput = () => {
const { register, getValues } = useForm();
const [selectedInput, setSelectedInput] = useState(false);
3 years ago
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>
3 years ago
</div>
);
};
export default FormInput;