import React from 'react';
import './navbar-user-dropdown.less';

/**\

    title: NavbarUserDropdown
    category: component
    description: Dropdown menu with account details
    props:
        title[String]: Usually first name, last name
        subtitle[String]: Usually email address

\**/

class NavbarUserDropdown extends React.Component {
    render() {
        return (
            <div className="navbar-user-dropdown">
                <div className="header">
                    <div className="title">{ this.props.title }</div>
                    <div className="subtitle">{ this.props.subtitle }</div>
                </div>
                <div className="items">
                    { this.props.children }
                </div>
            </div>
        );
    }
}

export default NavbarUserDropdown;
