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

const menus = [
  // {
  //   title: 'GPCR Search',
  //   icon: 'home',
  //   key: '/home'
  // },
  {
    title: 'Kinase Search',
    icon: 'search',
    key: '/Kinase',
  },
  {
    title: 'PDB小分子搜索',
    icon: 'search',
    key: '/MolecularSearch',
  },
  {
    title: '分子对接',
    icon: '',
    key: '/dockingUploadDetails',
  },  
  {
    title: 'Drugbank',
    icon: 'medicine-box',
    key: '/Drugbank',
  },
  // {
  //   title: '1',
  //   icon: 'bars',
  //   key: '/home/navigation',
  //   subs: [
  //     {key: '/home/navigation/dropdown', title: '2', icon: ''},
  //     {key: '/home/navigation/menu', title: '2', icon: ''},
  //     {key: '/home/navigation/steps', title: '3', 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