@activecollab/components
Version:
ActiveCollab Components
21 lines • 1.01 kB
JavaScript
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 = _ref.children,
_ref$direction = _ref.direction,
direction = _ref$direction === void 0 ? "left" : _ref$direction,
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