content: /* eslint-disable global-require, import/no-unresolved, react/no-multi-comp */
  import React from 'react';
  import ReactDOM from 'react-dom';
  import GithubCorner from 'react-github-corner';
  import { Catalog, CodeSpecimen, ReactSpecimen } from 'catalog';
  
  import 'purecss/build/pure.css';
  import './main.css';
  
  // Add your documentation imports here. These are available to
  // React specimen. Do NOT pass React here as Catalog does that.
  const documentationImports = {};
  const title = `${NAME} v${VERSION}`; // eslint-disable-line no-undef
  const project = `${USER}/${NAME}`; // eslint-disable-line no-undef
  const pages = [
    {
      path: '/',
      title: 'Introduction',
      component: require('../README.md')
    },
    {
      path: '/components',
      title: 'Components',
      component: require('./COMPONENTS.md')
    }
  ];
  
  // Catalog - logoSrc="../images/logo.png"
  ReactDOM.render(
    <div>
      <GithubCorner
        href={`https://github.com/${project}`}
        bannerColor="#fff"
        octoColor="#000"
        width={80}
        height={80}
        direction="right"
      />
      <Catalog
        imports={documentationImports}
        pages={pages}
        specimens={{
          javascript: props => <CodeSpecimen {...props} lang="javascript" />,
          js: props => <CodeSpecimen {...props} lang="javascript" />,
          jsx: props => <ReactSpecimen {...props} />
        }}
        title={title}
      />
    </div>,
    document.getElementById('app')
  );
  