ultra-design/lib/overlay/overlay-style.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 overlayStyle = function overlayStyle(props) {
  var timeout = props.timeout;
  return react.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    position: fixed;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 1000;\n    /* overlay transition */\n    &.ultra-overlay-enter {\n      opacity: 0;\n    }\n    &.ultra-overlay-enter-active {\n      opacity: 1;\n      transition: opacity ", "ms;\n    }\n    &.ultra-overlay-exit {\n      opacity: 1;\n    }\n    &.ultra-overlay-exit-active {\n      opacity: 0;\n      transition: opacity ", "ms;\n    }\n  "])), timeout, timeout);
};

exports.overlayStyle = overlayStyle;