ultra-design/lib/styles/transition/slide.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
var react = require('@emotion/react');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);

var _templateObject;
var transitionSlide = function transitionSlide(className) {
  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
  return react.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    .", "-enter {\n      transform: scaleY(0.6);\n      opacity: 0;\n    }\n    .", "-enter-active {\n      transform: scaleY(1);\n      opacity: 1;\n      transition: all ", "ms ease;\n    }\n    .", "-exit {\n      transform: scaleY(1);\n      opacity: 1;\n    }\n    .", "-exit-active {\n      transform: scaleY(0.6);\n      opacity: 0;\n      transition: all ", "ms ease;\n    }\n  "])), className, className, duration, className, className, duration);
};

exports.transitionSlide = transitionSlide;