import React from 'react';
import TextInput from './TextInput';
const TodoItem = ({text}) => (
<li className="todo">
<div className="view">
<input type="checkbox" className="toggle" />
<label htmlFor="todo">
{text}
</label>
<button className="destroy"></button>
</div>
<TextInput /> // We add the TextInput component
</li>
);
export default TodoItem;