import React from 'react';
// import MobileTearSheet from '../../../MobileTearSheet';
import {List, ListItem} from 'material-ui/List';
import ContentInbox from 'material-ui/svg-icons/content/inbox';
import ActionGrade from 'material-ui/svg-icons/action/grade';
import ContentSend from 'material-ui/svg-icons/content/send';
import ContentDrafts from 'material-ui/svg-icons/content/drafts';
import Divider from 'material-ui/Divider';
import ActionInfo from 'material-ui/svg-icons/action/info';

const ListExampleSimple = () => (
  <section className="box box-default">
    <div className="box-header"></div>
    <div className="box-body">

      <List>
        <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
        <ListItem primaryText="Sent" leftIcon={<ContentSend />} />
        <ListItem primaryText="Templates" leftIcon={<ContentDrafts />} />
      </List>
      <Divider />
      <List>
        <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
        <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
      </List>

    </div>
  </section>
);

export default ListExampleSimple;
