docusaurus/lib/theme/Docs/index.js

/* eslint-disable */
import React from 'react';
import Helmet from 'react-helmet';
import styles from './styles.css';
import Layout from '@theme/Layout'; // eslint-disable-line

export default class Docs extends React.Component {
  render() {
    const {location, docsData, config} = this.props;
    const currentDoc = docsData.find(data => data.path === location.pathname);

    const highlight = Object.assign(
      {},
      {
        version: '9.12.0',
        theme: 'default'
      },
      config.highlight
    );

    // Use user-provided themeUrl if it exists, else construct one from version and theme.
    const highlightThemeURL = highlight.themeUrl
      ? highlight.themeUrl
      : `//cdnjs.cloudflare.com/ajax/libs/highlight.js/${
          highlight.version
        }/styles/${highlight.theme}.min.css`;

    return (
      <Layout {...this.props}>
        <Helmet>
          <title>{currentDoc.title || 'Document'}</title>
          <link rel="stylesheet" href={highlightThemeURL} />
        </Helmet>
        <div className={styles.mainContainer}>{this.props.children}</div>
      </Layout>
    );
  }
}