todo-items-stories.js

export const TWO_TODO_ITEMS_WITH_ONE_COMPLETED = getMainSection([
  { id: 'one', text: 'Item One', completed: false },
  { id: 'two', text: 'Item Two', completed: true },
]);

storiesOf('MainSection', module)
  .add('some completed', () => TWO_TODO_ITEMS_WITH_ONE_COMPLETED);

function getMainSection(todos) {
  const actions = {
    clearCompleted: action('clearCompleted'),
    completeAll: action('completeAll')
  };

  return (
    <div className="todoapp">
      <MainSection todos={todos} actions={actions} />
    </div>
  );
}