Enable option for custom css classes name on container div.

Author: cht8687

package.json

@@ -53,6 +53,7 @@
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-0": "^6.5.0",
     "babel-tape-runner": "^2.0.1",
+    "classnames": "^2.2.5",
     "codecov.io": "^0.1.6",
     "coveralls": "^2.11.6",
     "enzyme": "^2.3.0",

src/ReactHover.js

@@ -1,28 +1,29 @@
 import React, { Component, PropTypes } from 'react'
 import HoverComponent from './lib/HoverComponent'
 import TriggerComponent from './lib/TriggerComponent'
+import classnames from 'classnames'
 
 export default class ReactHover extends Component {
   static propTypes = {
     styles: PropTypes.object.isRequired,
     componentHtml: PropTypes.object.isRequired,
-    options: PropTypes.object.isRequired
+    options: PropTypes.object.isRequired,
+    className: PropTypes.string
   }
 
   constructor (props) {
     super(props)
-
     this.state = {
       triggerComponentStyle: this.props.styles.trigger,
       hoverComponentStyle: this.props.styles.hoverComponent
     }
   }
 
   render () {
-    const { componentHtml } = this.props
+    const { componentHtml, className } = this.props
     const { triggerComponentStyle, hoverComponentStyle } = this.state
     return (
-      <div>
+      <div className={classnames(className)} >
         <TriggerComponent
           styles={triggerComponentStyle}
           componentHtml={componentHtml}

src/example/Example.js

@@ -26,6 +26,7 @@ class App extends Component {
 
         <h3 style={{margin: '0 auto', textAlign: 'center'}}> Basic </h3>
         <ReactHover
+          className='basic'
           styles={styles.basic}
           componentHtml={componentHtml.basicComponentHtml}
           options={optionsCursorFalse}