/* jshint node: true, esnext: true */
"use strict";
var React = require('react');
var ReactCSS = require('reactcss');
module.exports = class MarkdownTitle extends ReactCSS.Component {
constructor() {
super();
this.state = {
hover: false,
};
this.handleHover = this.handleHover.bind(this);
}
classes() {
return {
'default': {
link: {
opacity: '0',
textDecoration: 'none',
fill: this.props.primaryColor,
transition: 'opacity 200ms linear',
},
},
'hovered': {
link: {
opacity: '1',
},
},
};
}
styles() {
return this.css({
'hovered': this.state.hover,
});
}
handleHover(e) {
if (e.type === 'mouseenter') {
this.setState({ hover: true });
} else if (e.type === 'mouseleave') {
this.setState({ hover: false });
}
}
render() {
var linkSvg = {
__html: `
`,
};
var title;
if (this.props.isHeadline) {
title = { this.props.title }
;
} else {
title = { this.props.title }
;
}
return (
{ title }
);
}
};