import _extends from "@babel/runtime/helpers/esm/extends";
import React from "react";
import { CSSTransition } from "react-transition-group";
import { StyledSlideLeftRight } from "./Styles";
export const SlideLeftRightTransition = _ref => {
  let {
    children,
    direction = "left",
    ...props
  } = _ref;
  return /*#__PURE__*/React.createElement(CSSTransition, _extends({
    timeout: 200,
    classNames: "c-slide",
    unmountOnExit: true
  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(StyledSlideLeftRight, {
    $direction: direction
  })));
};
SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
//# sourceMappingURL=SlideLeftRightTransition.js.map