@activecollab/components/dist/cjs/components/Transitions/SlideLeftRightTransition/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledSlideLeftRight = void 0;
var _styledComponents = require("styled-components");
var StyledSlideLeftRight = exports.StyledSlideLeftRight = (0, _styledComponents.createGlobalStyle)(["", " ", ""], function (props) {
  return props.$direction === "left" && (0, _styledComponents.css)(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
}, function (props) {
  return props.$direction === "right" && (0, _styledComponents.css)(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
});
//# sourceMappingURL=Styles.js.map