How to use the react-md.DropdownMenu.HorizontalAnchors function in react-md

const AccountMenu = ({ simplifiedMenu }) => (
  
    
          arrow_drop_down
        
      }
    >

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import cn from 'classnames';
import {
  AccessibleFakeInkedButton,
  DropdownMenu,
} from 'react-md';

const anchor = {
  x: DropdownMenu.HorizontalAnchors.INNER_LEFT,
  y: DropdownMenu.VerticalAnchors.BOTTOM,
};

const LIST_PADDING = 32;
const HEADER_HEIGHT = 80;
const EMPTY_STYLE = { height: null };

export default class DocumentMenu extends PureComponent {
  static propTypes = {
    id: PropTypes.string.isRequired,
    text: PropTypes.string.isRequired,
    menuItems: PropTypes.array.isRequired,
  };

  state = { visible: false, listStyle: EMPTY_STYLE };

const TextDropdown = () => (
  
    
  
);

return (
      <div>
        <div>
          
        </div>

        
          
            <div>Eli Perelman</div>
            <div>
              <div>
                <small>eliperelman@mozilla.com</small>
              </div>
              <div>
                arrow_drop_down
              </div>
            </div></div>