e-lado
Version:
[](https://circleci.com/gh/sharetribe/sharetribe/tree/master) [](https://gemnasium.com/sharetribe/shar
37 lines (32 loc) • 1.02 kB
JavaScript
import { Component, PropTypes } from 'react';
import { div, span } from 'r-dom';
import css from './Menu.css';
import openIcon from './images/dropdownTriangleOpen.svg';
import closedIcon from './images/dropdownTriangleClosed.svg';
class MenuLabelDropdown extends Component {
render() {
const extraClasses = this.props.extraClasses ? this.props.extraClasses : '';
return (
div({
className: `menu__label ${css.menuLabel} ${extraClasses}`,
ref: this.props.menuLabelRef,
}, [
this.props.name,
span({
className: css.menuLabelDropdownIconOpen,
dangerouslySetInnerHTML: { __html: openIcon },
}),
span({
className: css.menuLabelDropdownIconClosed,
dangerouslySetInnerHTML: { __html: closedIcon },
}),
])
);
}
}
MenuLabelDropdown.propTypes = {
extraClasses: PropTypes.string,
name: PropTypes.string.isRequired,
menuLabelRef: PropTypes.func.isRequired,
};
export default MenuLabelDropdown;