use reflow to migrate from flow to typescript

scm-ui/ui-components/src/Tooltip.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import classNames from 'classnames';
+
+type Props = {
+  message: string;
+  className?: string;
+  location: string;
+  children: React.Node;
+};
+
+class Tooltip extends React.Component<Props> {
+  static defaultProps = {
+    location: 'right',
+  };
+
+  render() {
+    const { className, message, location, children } = this.props;
+    const multiline = message.length > 60 ? 'is-tooltip-multiline' : '';
+    return (
+      <span
+        className={classNames(
+          'tooltip',
+          'is-tooltip-' + location,
+          multiline,
+          className,
+        )}
+        data-tooltip={message}
+      >
+        {children}
+      </span>
+    );
+  }
+}
+
+export default Tooltip;