import React from 'react'
import ReactDOM from 'react-dom'

module.exports = (WrappedComponent) => {
  class FadeInComponent extends React.Component {
    componentDidMount () {
      // Get the components DOM node
      var elem = ReactDOM.findDOMNode(this)
      // Set the opacity of the element to 0
      elem.style.opacity = 0
      window.requestAnimationFrame(() => {
        // Now set a transition on the opacity
        elem.style.transition = 'opacity 250ms'
        // and set the opacity to 1
        elem.style.opacity = 1
      })
    }
    render () {
      return <WrappedComponent {...this.props} />
    }
  }
  return FadeInComponent
}