An example of a very dumb todo component.

DumbTodo.jsx

import React from 'react';

import Todo from '../../../universal/containers/Todo';

const doneStyle = {
  textDecoration: 'line-through',
};

const notDoneStyle = {
  textDecoration: 'none',
};

const DumbTodo = ({ todo }) => (
  <div
    className="TodoItem"
    style={todo.done ? doneStyle : notDoneStyle}
  >
    <span className="TodoItem-text">{todo.text}</span>
  </div>
);

export default DumbTodo;