withAnim.hoc.jsx

import React from 'react';
import PropTypes from 'prop-types';
import styled, { keyframes } from 'styled-components';
import { requireAnimation } from 'YOUR_PATH';

const AnimationWrapper = styled.div`
  animation: ${({ duration }) => duration}s ${({ animation }) => animation};
`;

const withAnim = Component => {
  const withAnimHOC = props => (
    <AnimationWrapper 
      duration={props.duration} 
      animation={keyframes`${requireAnimation(props.animation)}`}>
      <Component {...props} />
    </AnimationWrapper>
  );

  withAnimHOC.defaultProps = {
    duration: '1.5',
  };

  withAnimHOC.propTypes = {
    animation: PropTypes.string.isRequired,
    duration: PropTypes.string,
  };

  return withAnimHOC;
};

export default withAnim;