Message.
{() => {
class StateManager extends Component {
constructor() {
super()
this.state = { isChecked: false }
this.toggle = this.toggle.bind(this)
}
toggle() {
this.setState({ isChecked: !this.state.isChecked })
}
render() {
return (
<SpacedGroup center>
<Tooltip anchor={<span>Hover me}>
<SpacedGroup xs={4}>
<span>Message</span>
</SpacedGroup>
</Tooltip>
<Tooltip
anchor={
<IconSwitch
checkedIcon={<CheckIcon />}
uncheckedIcon={<CloseIcon />}
onClick={this.toggle}
checked={this.state.isChecked}
/>
}
>
<SpacedGroup xs={4}>
<span>Message</span>
</SpacedGroup>
</Tooltip>
</SpacedGroup>
)
}
}
return <StateManager />
}}
</Playground>