30 lines
641 B
JavaScript
30 lines
641 B
JavaScript
|
import React, { Component } from 'react'
|
||
|
|
import withColours from './withColours'
|
||
|
|
import HoverDecorator from './HoverDecorator'
|
||
|
|
|
||
|
|
@withColours
|
||
|
|
@HoverDecorator
|
||
|
|
export default class extends Component {
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
onClick={() => this.props.clicked(this.props.text)}
|
||
|
|
className="satisfaction-smiley"
|
||
|
|
style={
|
||
|
|
this.props.hover
|
||
|
|
? {
|
||
|
|
background: this.props.colours.colour,
|
||
|
|
color: 'white',
|
||
|
|
borderColor: 'transparent'
|
||
|
|
}
|
||
|
|
: {
|
||
|
|
color: this.props.themeColour,
|
||
|
|
borderColor: this.props.colours.colour
|
||
|
|
}
|
||
|
|
}>
|
||
|
|
{this.props.text}
|
||
|
|
</button>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|