import React from 'react';
import { Button } from 'antd'
import './style.less'

export default function MenuCard(props) {
  // constructor(props) {
  //   super(props);
  //   this.state = {}
  // }
  // componentDidMount() {
  // }
  // render() {
  const { brandColor, name, desc } = props.data;
  return (
    <div className="com-menuCard" style={{ borderLeftColor: `${brandColor}` }}>
      <div className="logo">
        <div className="bg" />
        <i className='iconfont icon'>&#x11911;</i>
      </div>
      <div className="content">
        <div className="name">{name}</div>
        <div className="desc">{desc}</div>
        <div className="btn">
          <Button style={{ width: '96px' }} type="primary" onClick={() => this.props.goto()}>进入</Button>
        </div>
      </div>
    </div>
  )
  // }
}
