import React, { Component } from 'react'
 
import { withFade } from 'component-fade-plugin-react-consumer'
import 'component-fade-plugin-react-consumer/dist/index.css'
 
 
const Example (props) => {
  return (
    <div className={props.withFadeClassname} style={props.withFadeStyle} ref={props.forwardedRef}>
      <h1>Title</h1>
      <p>some text</p>
    </div>
  )
}
 
export default withFade(Example)({
  classNames: {
    before: "before-fade",
    after: "after-fade"
  },
  config: {
    threshold: 0,
    triggerOnce: true
  },
  transitionConfig: {
    duration: 1000,
    delay: 1000,
    transitionProperty: "opacity",
    transitionTimingFunction: "ease"
  },
  enabled: true
})