import * as React from 'react';
import {SFC} from 'react';
import {Dropdown, DropdownMenu} from 'reactstrap';
import {Spinner} from './../Spinner';

export interface UserMenuImageProps {
  imageUrl: string;
  userName: string;
}

export const UserMenuImage: SFC<UserMenuImageProps> = ({imageUrl, userName}: UserMenuImageProps) => (
  <img
    src={imageUrl}
    alt={userName}
    className="main-nav-avatar-photo"
  />
);