Switch from ReactJSS to styled-components in ui-components

scm-ui/ui-components/src/Help.js

@@ -1,36 +1,27 @@
 //@flow
 import React from "react";
-import injectSheet from "react-jss";
 import classNames from "classnames";
+import styled from "styled-components";
 import Tooltip from "./Tooltip";
 import HelpIcon from "./HelpIcon";
 
-const styles = {
-  tooltip: {
-    display: "inline-block",
-    paddingLeft: "3px",
-    position: "absolute"
-  }
-};
-
 type Props = {
   message: string,
-  className?: string,
-  classes: any
+  className?: string
 };
 
-class Help extends React.Component<Props> {
+const HelpTooltip = styled(Tooltip)`
+  position: absolute;
+  padding-left: 3px;
+`;
+
+export default class Help extends React.Component<Props> {
   render() {
-    const { message, className, classes } = this.props;
+    const { message, className } = this.props;
     return (
-      <Tooltip
-        className={classNames(classes.tooltip, className)}
-        message={message}
-      >
+      <HelpTooltip className={classNames("is-inline-block", className)} message={message}>
         <HelpIcon />
-      </Tooltip>
+      </HelpTooltip>
     );
   }
 }
-
-export default injectSheet(styles)(Help);