How to use the @uifabric/example-app-base.examplesOf function in @uifabric/example-app-base

mediumPlus: {
      fontFamily: '"Courier New"',
      fontSize: '14px'
    }
  }
});
*/

import { examplesOf, createApp } from '@uifabric/example-app-base';
import { ColorPage } from './examples/ColorPage/ColorPage';
import { FontPage } from './examples/FontPage/FontPage';
import { IconPage } from './examples/IconPage/IconPage';
import { AnimationPage } from './examples/AnimationPage/AnimationPage';

createApp([
  examplesOf('Styling')
    .add('Colors', () => (
      
    ))
    .add('Typography', () => (
      
    ))
    .add('Icons', () => (
      
    ))
    .add('Animations', () => (
      
    ))
]);

import * as React from 'react';
import { examplesOf, createApp } from '@uifabric/example-app-base';
import { ExampleComponent } from './ExampleComponent';
import { ExampleComponentPage } from './ExampleComponentPage';

createApp([
  examplesOf('Documentation')
    .add('Component docs', () => ),

  examplesOf('ExampleComponent examples')
    .add('Empty state', () => (
      
    ))
    .add('With text', () => (
      
    ))
    .add('With text and children', () => (
      
        <div>I am a div</div>
        <div>I am another div</div>
      
    ))
    .add('With a red background', () =&gt; (
      
    ))

import * as React from 'react';
import { examplesOf, createApp } from '@uifabric/example-app-base';
import { ExampleComponent } from './ExampleComponent';
import { ExampleComponentPage } from './ExampleComponentPage';

createApp([
  examplesOf('Documentation')
    .add('Component docs', () => ),

  examplesOf('ExampleComponent examples')
    .add('Empty state', () => (
      
    ))
    .add('With text', () => (
      
    ))
    .add('With text and children', () => (
      
        <div>I am a div</div>
        <div>I am another div</div>
      
    ))
    .add('With a red background', () =&gt; (