content: 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 = () => (
    <MobileTearSheet>
      <List>
        <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
        <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
        <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
        <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
        <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
      </List>
      <Divider />
      <List>
        <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
        <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
        <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
        <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
      </List>
    </MobileTearSheet>
  );
  
  export default ListExampleSimple;
  