text: import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { withKnobs } from '@storybook/addon-knobs';
  import { withSmartKnobs } from 'storybook-addon-smart-knobs';
  import { withNotes } from '@storybook/addon-notes';
  import { withInfo } from '@storybook/addon-info';
  import { TodoTemplate } from 'components';
  
  storiesOf('Template|TodoTemplate', module)
    .addDecorator((story, context) =>
      withInfo(`
        ~~~jsx
        <TodoTemplate />
        ~~~
      `)(story)(context)
    )
    .addDecorator(withSmartKnobs)
    .addDecorator(withKnobs)
    .addWithJSX(
      'default',
      withNotes(``)(() => (
        <TodoTemplate title="Title" header="Header" footer="Footer">
          Main
        </TodoTemplate>
      ))
    );
  