text: /**
   * Copyright (c) 2017-present, Facebook, Inc.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE file in the root directory of this source tree.
   */
  
  const React = require('react');
  const CompLibrary = require('../../core/CompLibrary.js');
  
  const Container = CompLibrary.Container;
  const siteConfig = require(`${process.cwd()}/siteConfig.js`);
  const translate = require('../../server/translate.js').translate;
  
  class Users extends React.Component {
    renderUser(user) {
      return (
        <a href={user.infoLink} key={user.infoLink}>
          <img src={user.image} alt={user.caption} title={user.caption} />
        </a>
      );
    }
  
    render() {
      const fbShowcase = siteConfig.users
        .filter(user => user.fbOpenSource)
        .map((user, i) => this.renderUser(user, i));
  
      const showcase = siteConfig.users
        .filter(user => !user.fbOpenSource)
        .map((user, i) => this.renderUser(user, i));
  
      return (
        <div className="mainContainer">
          <Container padding={['bottom']}>
            <div className="showcaseSection">
              <div className="prose">
                <h1>
                  <translate>Who is using Docusaurus?</translate>
                </h1>
                <p>
                  Docusaurus powers some of Facebook&apos;s popular{' '}
                  <a href="https://code.facebook.com/projects/">
                    open source projects
                  </a>
                  .
                </p>
              </div>
              <div className="logos">{fbShowcase}</div>
              <div className="prose">
                <p>
                  <translate>
                    Docusaurus is also used by open source projects of all sizes.
                  </translate>
                </p>
              </div>
              <div className="logos">{showcase}</div>
              <div className="prose">
                <p>
                  <translate>Is your project using Docusaurus?</translate>
                </p>
                <p>
                  Edit this page with a{' '}
                  <a href="https://github.com/facebook/docusaurus/edit/master/website/data/users.js">
                    Pull Request
                  </a>{' '}
                  to add your logo.
                </p>
              </div>
            </div>
          </Container>
        </div>
      );
    }
  }
  
  Users.title = 'Users';
  
  module.exports = Users;
  