"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.ButtonGroup = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject, _templateObject2;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 16px 20px;\n    border-radius: 4px;\n    box-shadow: 0px 0px 28px 0px rgba(31,35,41,0.11); \n    background: #ffffff;\n    position: relative;\n\n    ::after {\n        content: '';\n        width: ", ";\n        height: ", ";\n        border-radius: 2px;\n        background: #ffffff;\n        display: block;\n        visibility: ", ";\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        transform: ", ";\n        border-left: 1px solid #f0f2f5;\n        border-top: 1px solid #f0f2f5;\n    }\n"])), function (p) {
  return "".concat(p.arrowSize, "px");
}, function (p) {
  return "".concat(p.arrowSize, "px");
}, function (p) {
  return p.showArrow ? "visible" : "hidden";
}, function (p) {
  return p.position.top;
}, function (p) {
  return p.position.left;
}, function (p) {
  return p.position.left == "50%" ? "translateX(-50%) rotate(45deg)" : "rotate(45deg)";
});

exports.Wrapper = Wrapper;

var ButtonGroup = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n\n    button {\n        min-width: 58px !important;\n        height: 30px !important;\n        margin-left: 10px;\n        white-space: nowrap;\n    }\n"])));

exports.ButtonGroup = ButtonGroup;