const SignUp = ({ setLastName, setFirstName, SignUpLogin }) => {
  return (
    <div className="text-center mt-5">
      <p className="mb-0 text-gray-300 text-base mt-2">مشخصات را وارد کنید </p>

      <div className="mt-2">
        <div className="form-group text-right my-2">
          <label className=" px-2 text-sm text-gray-100"> نام </label>
          <input
            type="text"
            className="form-control !border-0 !bg-gray-200 text-right"
            onChange={(e) => setFirstName(e.target.value)}
          />
        </div>

        <div className="form-group text-right my-4 ">
          <label className=" px-2 text-sm text-gray-100">نام خانوادگی </label>
          <input
            type="text"
            className="form-control !border-0 !bg-gray-200 text-right"
            onChange={(e) => setLastName(e.target.value)}
          />
        </div>

        <div className="">
          <button
            className="btn btn-primary w-full rounded-xl py-3 mt-3"
            onClick={() => SignUpLogin()}
          >
            ورود و ثبت نام
          </button>
        </div>
      </div>
    </div>
  );
};

export default SignUp;