ultra-design/es/popover/popover-styles.js

import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
import { transitionFade } from '../styles/transition/fade.js';

var _templateObject;
var popoverStyles = function popoverStyles(props) {
  var mode = props.theme.mode;
  var boxShadow = props.theme.style.boxShadow;
  var _props$theme$mode = props.theme[mode],
      thirdBackgroundColor = _props$theme$mode.thirdBackgroundColor,
      textColor = _props$theme$mode.textColor;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.", "-layer-wrapper {\n      .", " {\n        background-color: ", ";\n        color: ", ";\n        box-shadow: ", ";\n        &__content {\n          padding: 12px 16px;\n        }\n        &__arrow {\n          border-color: transparent ", " transparent transparent;\n        }\n      }\n    }\n\n    ", "\n  "])), props.name, props.name, thirdBackgroundColor, textColor, boxShadow, thirdBackgroundColor, transitionFade(props.transitionClassName, props.transitionTimeout));
};

export { popoverStyles };