@activecollab/components
Version:
ActiveCollab Components
20 lines • 740 B
JavaScript
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