mirror of https://github.com/embarklabs/embark.git
28 lines
737 B
JavaScript
28 lines
737 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
class MenuItem extends React.Component {
|
|
render() {
|
|
|
|
let classNames = "list-group-item list-group-item-action d-flex align-items-center ";
|
|
let icon = "fe " + this.props.icon;
|
|
if (this.props.target === this.props.selectedTab) {
|
|
classNames += "active";
|
|
}
|
|
|
|
return <a href="#" onClick={this.props.click} data-target={this.props.target} className={classNames}>
|
|
<span className="icon mr-3"><i className={icon}></i></span>{this.props.text}
|
|
</a>;
|
|
}
|
|
}
|
|
|
|
MenuItem.propTypes = {
|
|
icon: PropTypes.string,
|
|
target: PropTypes.string,
|
|
selectedTab: PropTypes.string,
|
|
text: PropTypes.string,
|
|
click: PropTypes.func
|
|
};
|
|
|
|
export default MenuItem;
|