gistfile1.txt

import React from 'react';

interface UserMenuInterface extends React.StatelessComponent<React.HTMLProps> {
  user: { firstName: string };
  menuItems: JSX.Element;
}

const UserMenu: React.StatelessComponent<UserMenuInterface> = ({ user, menuItems }) =>
  /*eslint-disable max-len*/
  <li className='inline welcome' id='usermenu'>
    <a href='#' className='user-menu-trigger green-link'>
      Welcome, {user.firstName}<span className='down-arrow'>v</span>
    </a>
    <div className='user-menu-container'>
      <ul className='user-menu'>
        {menuItems}
      </ul>
    </div>
  </li>;

export default UserMenu;

import React from 'react';

interface UserMenuProps {
  user: { firstName: string };
  menuItems: JSX.Element;
}

const UserMenu: React.StatelessComponent<UserMenuProps> = ({ user, menuItems }) =>
  /*eslint-disable max-len*/
  <li className='inline welcome' id='usermenu'>
    <a href='#' className='user-menu-trigger green-link'>
      Welcome, {user.firstName}<span className='down-arrow'>v</span>
    </a>
    <div className='user-menu-container'>
      <ul className='user-menu'>
        {menuItems}
      </ul>
    </div>
  </li>;

export default UserMenu;