import React from 'react';
// @ts-ignore
import { Iconfont, Menu, Assets } from '@pingfe/brick';

interface Props {
  children?: React.ReactNode;
}

export default (props: Props) => {
  return (
    <aside className="brick-layout-sider" {...props}>
      {props.children && <div className="brick-layout-sider-menu-wrap">{props.children}</div>}
      <div className="brick-layout-sider-footer">
        <div className="info-box">
          <span className="title">关于品玩</span>
          <div className="content">
            <span className="item">关于我们</span>
            <span className="item">工作机会</span>
            <span className="item">合作伙伴</span>
            <span className="item">品玩编辑</span>
          </div>
        </div>
        <div className="info-box">
          <span className="title">RSS订阅</span>
          <div className="content">
            <span className="item">品玩原创报道</span>
            <span className="item">全部内容(滚动更新)</span>
          </div>
        </div>
        <div className="info-box">
          <span className="title">分享至</span>
          <div className="content">
            <i className={`iconfont icon-weibo`} />
            <i className={`iconfont icon-wechat`} />
            <i className={`iconfont icon-facebook`} />
            <i className={`iconfont icon-twitter`} />
            <i className={`iconfont icon-iconins`} />
            <i className={`iconfont icon-zhuhu`} />
          </div>
        </div>
        <div className="declare">
          <span>
            由<img src={Assets.AliyunImage} alt="阿里云" className="ali" />
            提供云服务支持和CDN加速服务
          </span>
        </div>
        <div className="declare">
          <span>© 北京品西互动科技有限公司</span>
          <span>
            <a href="https://beian.miit.gov.cn" target="_blank">
              京ICP备14023153号
            </a>
          </span>
          <span>
            <a
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502037494"
              target="_blank"
            >
              京公网安备11010502037494号
            </a>
          </span>
        </div>
      </div>
    </aside>
  );
};
