"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleWrapper = exports.StyledBubble = exports.SVG = exports.NavigationButtonsContainer = exports.IconFlex = exports.FooterFlex = exports.Content = exports.CloseButton = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
var _consts = require("./consts");
var _Bubble = _interopRequireDefault(require("./Bubble"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var SVG = exports.SVG = _styledComponents.default.svg.withConfig({
  displayName: "CoachMarksstyled__SVG",
  componentId: "sc-1jblcxt-0"
})(["overflow:hidden;position:fixed;left:0;top:0;width:100vw;height:100vh;fill:", ";z-index:", ";transition:all 0.3s ease-out,height 0s 0s,opacity 0.3s 0s;"], function (p) {
  return p.theme.color.modalBackdrop;
}, function (p) {
  return p.theme.zIndex.modal;
});
var TitleWrapper = exports.TitleWrapper = _styledComponents.default.div.withConfig({
  displayName: "CoachMarksstyled__TitleWrapper",
  componentId: "sc-1jblcxt-1"
})(["padding-right:", "px;"], function (p) {
  return p.$hasIcon ? 0 : p.theme.spacing.unit(_consts.CLOSE_ICON_SIZE);
});
var FooterFlex = exports.FooterFlex = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "CoachMarksstyled__FooterFlex",
  componentId: "sc-1jblcxt-2"
})(["margin-top:auto;"]);
var IconFlex = exports.IconFlex = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "CoachMarksstyled__IconFlex",
  componentId: "sc-1jblcxt-3"
})(["margin-bottom:", "px;"], function (p) {
  return p.theme.spacing.unit(1);
});
var NavigationButtonsContainer = exports.NavigationButtonsContainer = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "CoachMarksstyled__NavigationButtonsContainer",
  componentId: "sc-1jblcxt-4"
})(["margin-left:auto;min-width:", ";"], function (p) {
  return p.$hasSingleButton ? "".concat(p.theme.spacing.unit(19), "px") : "".concat(p.theme.spacing.unit(44), "px");
});
var Content = exports.Content = _styledComponents.default.div.withConfig({
  displayName: "CoachMarksstyled__Content",
  componentId: "sc-1jblcxt-5"
})(["color:", ";"], function (p) {
  return p.theme.color.bubbleSecondaryText;
});
var CloseButton = exports.CloseButton = (0, _styledComponents.default)(_.Button).withConfig({
  displayName: "CoachMarksstyled__CloseButton",
  componentId: "sc-1jblcxt-6"
})(["position:absolute;top:", "px;right:", "px;", "{right:", "px;}"], function (p) {
  return p.theme.spacing.unit(5);
}, function (p) {
  return p.theme.spacing.unit(5);
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return p.theme.spacing.unit(3);
});
var StyledBubble = exports.StyledBubble = (0, _styledComponents.default)(_Bubble.default).withConfig({
  displayName: "CoachMarksstyled__StyledBubble",
  componentId: "sc-1jblcxt-7"
})(["", ""], function (p) {
  return p.$feedbackWidgetOnPage && "\n      position: fixed;\n      bottom: 40px;\n      right: 40px;\n      z-index: 501;\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.4));\n    ";
});