function Task( {task , deleteTask , onToggle}) {
    
return (
        <div className='task' onDoubleClick={()=>onToggle(task.id)}>

          <h3>{task.text} 

            <FaTimes style= {{color:'red' , cursor:'pointer'}}

            onClick={()=>deleteTask(task.id)}/>

          </h3>

            <p>{task.day}</p>

        </div>
    )
}

export default Task