How to use the storybook/utils/utils.storiesOf function in storybook

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('{{name_sc}}', require('./{{name_sc}}.hbs')).add(
  'default',
  'No description yet...',
  `
      \{{> {{name_sc}} @root}}
    `,
  {},
);

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('Header', require('./header.hbs')).add(
  'default',
  'The header that we show on each page of the website, contains the navigation.',
  `
			{{> header }}
		`,
);

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('Footer', require('./footer.hbs')).add(
  'default',
  'The footer that we show on each page of the website, contains the copyright.',
  `
			{{> footer }}
		`,
);

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('{{name_sc}}', require('./{{name_sc}}.hbs')).add(
  'default',
  'No description yet...',
  `
      \{{> block/{{name_sc}} @root}}
    `,
  require('./data/default'),
);

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('Paragraph', require('./paragraph'))
  .add(
    'default',
    'A Paragraph block with a "read more" section you can show by clicking a button.',
    `
      {{> paragraph @root }}
    `,
    require('./data/data'),
  )
  .add(
    'no more content',
    'Without more content, hides the button',
    `
      <div style="max-width: 400px;">
        {{&gt; paragraph @root }}
      </div>
    `,

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('{{name_sc}}', require('./{{name_sc}}.hbs')).add(
  'default',
  'No description yet...',
  `
      \{{> {{name_sc}} @root}}
    `,
  {},
);

/* eslint-disable max-len */
import { storiesOf } from 'storybook/utils/utils';

storiesOf('Two Col', require('./two-col'))
  .add(
    'default',
    'A block that has two columns of text, each with its own title.',
    `
      {{> two-col @root }}
    `,
    require('./data/data'),
  )
  .add(
    'small',
    'A smaller wrapper around the two colomns.',
    `
      <div style="max-width: 600px">
        {{&gt; two-col @root }}
      </div>
    `,