ultra-design
Version:
12 lines (9 loc) • 763 B
JavaScript
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
var _templateObject;
var transitionFade = function transitionFade(className) {
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
if (!className) return undefined;
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-enter {\n opacity: 0;\n }\n .", "-enter-active {\n opacity: 1;\n transition: all ", "ms;\n }\n .", "-exit {\n opacity: 1;\n }\n .", "-exit-active {\n opacity: 0;\n transition: all ", "ms;\n }\n "])), className, className, duration, className, className, duration);
};
export { transitionFade };