import './Footer.scss';
import React, { PureComponent as Component } from 'react';
import PropTypes from 'prop-types';
import { Row, Col } from 'antd';
import { Icon } from 'antd';

const version = process.env.version;
class Footer extends Component {
  constructor(props) {
    super(props);
  }
  static propTypes = {
    footList: PropTypes.array
  };
  render() {
    return (
      <div className="footer-wrapper">
        <Row className="footer-container">
          {this.props.footList.map(function(item, i) {
            return (
              <FootItem
                key={i}
                linkList={item.linkList}
                title={item.title}
                iconType={item.iconType}
              />
            );
          })}
        </Row>
      </div>
    );
  }
}

class FootItem extends Component {
  constructor(props) {
    super(props);
  }
  static propTypes = {
    linkList: PropTypes.array,
    title: PropTypes.string,
    iconType: PropTypes.string
  };
  render() {
    return (
      <Col span={6}>
        <h4 className="title">
          {this.props.iconType ? <Icon type={this.props.iconType} className="icon" /> : ''}
          {this.props.title}
        </h4>
        {this.props.linkList.map(function(item, i) {
          return (
            <p key={i}>
              <a href={item.itemLink} className="link">
                {item.itemTitle}
              </a>
            </p>
          );
        })}
      </Col>
    );
  }
}

Footer.defaultProps = {
  footList: [
    {
      title: 'GitLab',
      iconType: 'gitlab',
      linkList: [
        {
          itemTitle: 'mofish 源码仓库',
          itemLink: 'https://gitlab.getmogic.com/jzx/mofish'
        }
      ]
    },
    {
      title: '团队',
      iconType: 'team',
      linkList: [
        {
          itemTitle: 'MOGIC-FE',
          itemLink: 'https://mogic-fe.dev.getmogic.com/base'
        }
      ]
    },
    {
      title: '反馈',
      iconType: 'aliwangwang-o',
      linkList: [
        {
          itemTitle: 'Gitlub Issues',
          itemLink: 'https://gitlab.getmogic.com/jzx/mofish/-/issues'
        }
      ]
    },
    {
      title: `Copyright © 2023-${new Date().getFullYear()} MOGIC-FE`,
      linkList: [
        {
          itemTitle: '使用文档',
          itemLink: 'https://mogic.feishu.cn/wiki/FJbswpfoti21GokaAUrcaCNungc'
        }
      ]
    }
  ]
};

export default Footer;