Rocky_Mountain_Vending/.pnpm-store/v10/files/89/604b7382429b99f13225596e841eaa5bb644bb0faea5178f8bd16096ecea982ebadd36a536210223fad86e5aa8f4535aaeedcc9b5dcb6e2e2567a11ee0dc92

import React, { Children } from 'react';
import { TransitionGroup } from 'react-transition-group';
import PropTypes from 'prop-types';
import AnimateGroupChild from './AnimateGroupChild';

function AnimateGroup(props) {
  const { component, children, appear, enter, leave } = props;

  return (
    <TransitionGroup component={component}>
      {Children.map(children, (child, index) => (
        <AnimateGroupChild
          appearOptions={appear}
          enterOptions={enter}
          leaveOptions={leave}
            key={`child-${index}`} // eslint-disable-line
        >
          {child}
        </AnimateGroupChild>
      ))}
    </TransitionGroup>
  );
}

AnimateGroup.propTypes = {
  appear: PropTypes.object,
  enter: PropTypes.object,
  leave: PropTypes.object,
  children: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),
  component: PropTypes.any,
};

AnimateGroup.defaultProps = {
  component: 'span',
};

export default AnimateGroup;