import React from 'react';
import { Link } from 'react-router-dom';

export default (({ name , icon , count , bottom , children , url })=>{
  return(
    <div className="box">
      <div className="head">
        <span className="font-17">{icon}{name}{count && `(${count})`}</span>
        { url && <Link to={url} style={{color:"rgba(31, 35, 41, 1)"}}>更多<i className="iconfont icon-youjiantou font-12 ml3"></i></Link>}
      </div>
      <div className="content">
        {children}
      </div>
      {
        bottom ? 
        <div className="foot">
          {bottom}
        </div>
        :""
      }
    </div>
  )
})
