2017-03-15 11:48:56 +01:00

30 lines
713 B
JavaScript

/**
*
* LeftMenuLink
*
*/
import React from 'react';
import styles from './styles.scss';
import { Link } from 'react-router';
class LeftMenuSubLink extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
return (
<li className={`${styles.leftMenuLink} ${this.props.isActive ? styles.leftMenuLinkActive : ''}`}>
<Link className={styles.link} to={this.props.destination}>
<span className={styles.linkLabel}>{this.props.label}</span>
</Link>
</li>
);
}
}
LeftMenuSubLink.propTypes = {
label: React.PropTypes.string,
destination: React.PropTypes.string,
isActive: React.PropTypes.bool,
};
export default LeftMenuSubLink;