2015-10-11 20:07:09 +03:00
|
|
|
import React from 'react';
|
2015-09-19 19:20:11 +03:00
|
|
|
import style from './style';
|
|
|
|
import FontIcon from '../font_icon';
|
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
const Link = props => {
|
|
|
|
let className = style.root;
|
2015-10-21 13:25:07 +03:00
|
|
|
if (props.className) className += ` ${props.className}`;
|
2015-10-20 08:40:51 +03:00
|
|
|
return (
|
|
|
|
<a
|
2015-10-21 13:25:07 +03:00
|
|
|
{...props}
|
2015-10-20 08:40:51 +03:00
|
|
|
data-react-toolbox='link'
|
2015-10-21 13:25:07 +03:00
|
|
|
href={props.route}
|
2015-10-20 08:40:51 +03:00
|
|
|
className={className}
|
|
|
|
>
|
2015-10-21 13:25:07 +03:00
|
|
|
{ props.icon ? <FontIcon className={style.icon} value={props.icon} /> : null }
|
|
|
|
{ props.label ? <abbr>{props.label}</abbr> : null }
|
|
|
|
{ props.count && parseInt(props.count) !== 0 ? <small>{props.count}</small> : null}
|
2015-10-20 08:40:51 +03:00
|
|
|
</a>
|
|
|
|
);
|
|
|
|
};
|
2015-09-19 19:20:11 +03:00
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
Link.propTypes = {
|
|
|
|
label: React.PropTypes.string,
|
|
|
|
className: React.PropTypes.string,
|
|
|
|
count: React.PropTypes.number,
|
|
|
|
icon: React.PropTypes.string,
|
|
|
|
onClick: React.PropTypes.func,
|
|
|
|
route: React.PropTypes.string
|
|
|
|
};
|
2015-09-19 19:20:11 +03:00
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
Link.defaultProps = {
|
|
|
|
attributes: '',
|
|
|
|
className: ''
|
|
|
|
};
|