Use ClassNames in Tooltip

react-toolbox · Nov 28, 2015 · db43b19 · db43b19
1 parent 35f8f12
commit db43b19
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/tooltip/Tooltip.jsx b/components/tooltip/Tooltip.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import ClassNames from 'classnames';
 import style from './style';
 
 const HIDE_TIMEOUT = 100;
@@ -53,9 +54,9 @@ class Tooltip extends React.Component {
   };
 
   render () {
-    let className = style.root;
-    if (this.props.className) className += ` ${this.props.className}`;
-    if (this.state.active) className += ` ${style.active}`;
+    const className = ClassNames(style.root, {
+      [style.active]: this.state.active
+    }, this.props.className);
 
     return (
       <span data-react-toolbox='tooltip' className={className}>