import classNames from 'classnames';

class UserPanel {

	constructor(props) {
		super(props);
		this.state = {
			dropdownActive : false
		};
	}

	toggleDropdown() {
		this.setState({
			dropdownActive : !this.state.dropdownActive
		});
	}

	render() {

		const dropdownClasses = classNames('dropdown default classes', {
			active : this.state.dropdownActive
		});

		return (
			<a href="#" onClick={toggleDropdown}>Show Dropdown</a>

			<div className={dropdownClasses}>
				//Dropdown
			</div>
		);
	}

}