import React, { useState } from "react";

function FormInput(params) {
  const [name, setName] = useState("Input Value");
  function onChangeEvent(element) {
    //console.log(element.target.value);
    console.log(element.target.placeholder);
    console.log(element.target.type);
    setName(element.target.value);
  }

  return (
    <div>
      <input
        type={params.type}
        placeholder={params.placeholder}
        onChange={onChangeEvent}
      />
      {name}
    </div>
  );
}

export default FormInput;