import React from 'react'

class Footer extends React.Component {
  render () {
    return (
      <div id='footer'>
        <ul>
          <li>
            <h2>
              GitHub
            </h2>
            <div>
              <a
                target='_blank '
                href={this.props.themeConfig && this.props.themeConfig.github}
              >
                仓库
              </a>
            </div>
          </li>
          <li>
            <h2>
              相关站点
            </h2>
            <div>
              <a href='https://gem-mine.club/#/'>gem-mine</a>
              <span> - </span>
              前端脚手架
            </div>
          </li>
          <li>
            <h2>
              帮助
            </h2>
            <div>
              <a href='changelog'>
                更新日志
              </a>
            </div>
          </li>
          <li>
            <h2>Copyright © {new Date().getFullYear()}</h2>
            <div>
              Built with&nbsp;
              <a
                target='_blank'
                rel='noopener noreferrer'
                href='http://git.sdp.nd/component-h5/md-tools'
              >
                md-tools
              </a>
            </div>
          </li>
        </ul>
      </div>
    )
  }
}

export default Footer