import React from 'react'
import CustomMenu from "../CustomMenu/index";

const menus = [
  {
    title: '大分子平台',
    icon: 'home',
    key: '/home'
  },
  {
    title: '预测工具',
    icon: 'appstore',
    key: '/home/general',
    subs: [
      {key: '/home/general/button', title: '表位预测', icon: '',},
     
    ]
  },
  {
    title: '计算工具',
    icon: 'calculator',
    key: '/home/navigation',
    subs: [
      {key: '/computationalTools/MultipleSequenceAlignment', title: '多序列比对', icon: ''},
      {key: '/computationalTools/ProteinTools', title: '蛋白质性质计算', icon: ''},
    ]
  },
]


class SiderNav extends React.Component {
  render() {

    return (
      <div style={{height: '100vh',overflowY:'scroll'}}>
        <div style={styles.logo}>
          {/* 深雅智慧 */}
        </div>
        <CustomMenu menus={menus}/>
      </div>
    )
  }
}

const styles = {
  logo: {
    height: '32px',
    // background: 'rgba(255, 255, 255, .2)',
    margin: '16px'
  }
}

export default SiderNav