var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        popup: function (t) {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "], ["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "])), t.popupBorderRadius, t.popupBorder, t.popupBorderColor);
        },
        popupIgnoreHover: function () {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
        },
        content: function (t) {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "], ["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "])), t.popupBorderRadius);
        },
        contentInner: function (t) {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n    "], ["\n      color: ", ";\n      background: ", ";\n    "])), t.popupTextColor, t.popupBackground);
        },
        shadow: function (t) {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: ", ";\n    "], ["\n      box-shadow: ", ";\n    "])), t.popupBoxShadow);
        },
        transitionEnter: function () {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      opacity: 0.01;\n    "], ["\n      opacity: 0.01;\n    "])));
        },
        'transition-enter-top': function () {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      transform: translateY(10px);\n    "], ["\n      transform: translateY(10px);\n    "])));
        },
        'transition-enter-middle': function () {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
        },
        'transition-enter-bottom': function () {
            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      transform: translateY(-10px);\n    "], ["\n      transform: translateY(-10px);\n    "])));
        },
        'transition-enter-left': function () {
            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      transform: translateX(10px);\n    "], ["\n      transform: translateX(10px);\n    "])));
        },
        'transition-enter-right': function () {
            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      transform: translateX(-10px);\n    "], ["\n      transform: translateX(-10px);\n    "])));
        },
        transitionEnterActive: function () {
            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "], ["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "])));
        },
        transitionExit: function () {
            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "], ["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
        },
        absoluteParent: function () {
            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      position: absolute;\n      text-align: initial;\n    "], ["\n      position: absolute;\n      text-align: initial;\n    "])));
        },
    });
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
//# sourceMappingURL=Popup.styles.js.map