twreporter-react-index-page/lib/components/animations/base.js

twreporter index page version 2

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Animate = undefined;

var _velocityReact = require('velocity-react');

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* global React */
var Animate = exports.Animate = function Animate(_ref) {
  var animation = _ref.animation,
      onAnimationFinish = _ref.onAnimationFinish,
      children = _ref.children;

  return React.createElement(
    _velocityReact.VelocityComponent,
    {
      animation: animation,
      complete: onAnimationFinish
    },
    children
  );
};

Animate.defaultProps = {
  animation: 'none',
  onAnimationFinish: function onAnimationFinish() {},
  children: []
};

Animate.propTypes = {
  animation: _propTypes2.default.string,
  onAnimationFinish: _propTypes2.default.func,
  children: _propTypes2.default.arrayOf(_propTypes2.default.element)

  // function Animate({ animation, className,
  //   children, delay, duration,
  //   easing, imgAlt, imgSrc, onAnimationFinish }) {
  //   return (
  //     <VelocityComponent
  //       animation={animation}
  //       duration={duration}
  //       delay={delay}
  //       complete={onAnimationFinish}
  //       easing={easing}
  //     >
  //       <div className={className}>
  //         <img src={imgSrc} alt={imgAlt} role="presentation" />
  //         { children }
  //       </div>
  //     </VelocityComponent>
  //   );
  // }

};