text: import React , {useState} from "react";
  
  function EditTodo(props){
  
      let [text , setText] = useState(props.text)
  
      let inputHandler = (e) => setText(e.target.value)
  
      return(
          <div className="col-6 mb-2">
              <div className="d-flex justify-content-between align-items-center border rounded p-3">
                  <div>
                      <input value={text} onChange={inputHandler} className='form-control'/>
                  </div>
                  <div>
                      <button type="button" className="btn btn-info btn-sm" onClick={()=>props.editHandler(text)} >edit</button>
                  </div>
              </div>
          </div>
      )
  }
  
  export default EditTodo