import React, { Component } from 'react';
import NavigationDrawer from 'react-md/lib/NavigationDrawers';
import MyAwesomeComponent from './MyAwesomeComponent';
import inboxListItems from './shared/constants/inboxListItems';
import Avatar from 'react-md/lib/Avatars';

import randomImage from './shared/utils/RandomUtils/randomImage';
import LoremIpsum from './shared/components/LoremIpsum';
const avatarSrc = randomImage();

const drawerHeaderChildren = [
  <Avatar
    key={avatarSrc}
    src={avatarSrc}
    role="presentation"
    iconSized
    style={{ alignSelf: 'center', marginLeft: 16, marginRight: 16, flexShrink: 0 }}
  />,
];

class NavDrawer extends Component {

  constructor(props) {
     super(props);
     this._navItems = inboxListItems.map(item => {
      if (!item.divider) {
        item.onClick = () => this._setPage(item.key);
      }
      return item;
    });
  }

  render() {
    return (
      <NavigationDrawer
        navItems={this._navItems}
        drawerType="PERSISTENT_MINI"
        drawerTitle="Test"
      >
      <MyAwesomeComponent />
      </NavigationDrawer>
    );
  }
}

export default NavDrawer;