@activecollab/components/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["children", "direction"];
import React from "react";
import { CSSTransition } from "react-transition-group";
import { StyledSlideLeftRight } from "./Styles";
export const SlideLeftRightTransition = _ref => {
  let {
      children,
      direction = "left"
    } = _ref,
    props = _objectWithoutPropertiesLoose(_ref, _excluded);
  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