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');
  
  class Footer extends React.Component {
    docUrl(doc) {
      const baseUrl = this.props.config.baseUrl;
      return `${baseUrl}docs/${doc}`;
    }
  
    pageUrl(doc) {
      const baseUrl = this.props.config.baseUrl;
      return baseUrl + doc;
    }
  
    render() {
      return (
        <footer className="nav-footer" id="footer">
          <section className="footer-brand">
            <div>
              <a href={this.props.config.baseUrl} className="nav-home">
                {this.props.config.footerIcon && (
                  <img
                    src={this.props.config.baseUrl + this.props.config.footerIcon}
                    alt={this.props.config.title}
                  />
                )}
              </a>
              <span className="copyrights">{this.props.config.copyright}</span>
            </div>
          </section>
          <section className="sitemap">
            <div>
              <h5>Documentation</h5>
              <a href={this.docUrl('angular', this.props.language)}>Angular</a>
              <a href={this.docUrl('react', this.props.language)}>React</a>
            </div>
            <div>
              <h5>Community</h5>
              <a
                href="http://stackoverflow.com/questions/tagged/loona"
                target="_blank"
                rel="noreferrer noopener"
              >
                Stack Overflow
              </a>
              <a href="https://spectrum.chat/loona">Spectrum Chat</a>
              <a href="https://github.com/kamilkisiela/loona">GitHub</a>
              {/* <a
                className="github-button"
                href={this.props.config.repoUrl}
                data-icon="octicon-star"
                data-count-href="/kamilkisiela/loona/stargazers"
                data-show-count="true"
                data-count-aria-label="# stargazers on GitHub"
                aria-label="Star this project on GitHub">
                Star
              </a> */}
            </div>
            <div>
              <h5>Blog &amp; Social</h5>
              <a href="https://medium.com/the-guild">Medium</a>
              <a
                href="https://twitter.com/kamilkisiela"
                target="_blank"
                rel="noreferrer noopener"
              >
                Twitter
              </a>
            </div>
            <div>
              <h5>More</h5>
              <a href="">FAQ</a>
              <a href="">Contact &amp; Support</a>
            </div>
          </section>
          {/* <section className="copyright">{this.props.config.copyright}</section> */}
        </footer>
      );
    }
  }
  
  module.exports = Footer;
  