import { Styles } from '@0xproject/react-shared'; import * as React from 'react'; const styles: Styles = { badge: { width: 50, fontSize: 11, height: 10, borderRadius: 5, lineHeight: 0.9, fontFamily: 'Roboto Mono', marginLeft: 3, marginRight: 3, }, }; export interface BadgeProps { title: string; backgroundColor: string; } export interface BadgeState { isHovering: boolean; } export class Badge extends React.Component { constructor(props: BadgeProps) { super(props); this.state = { isHovering: false, }; } public render(): React.ReactNode { const badgeStyle = { ...styles.badge, backgroundColor: this.props.backgroundColor, opacity: this.state.isHovering ? 0.7 : 1, }; return (
{this.props.title}
); } private _setHoverState(isHovering: boolean): void { this.setState({ isHovering, }); } }