"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PrimaryWrapper = exports.LinkWrapper = exports.DefaultWrapper = exports.BorderWrapper = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

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 DefaultWrapper = _styledComponents["default"].button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n  color: #6f7886;\n  cursor: pointer;\n  outline: none;\n  transition: color 0.3s ease, border 0.3s ease;\n  background: transparent;\n  border-radius: 3px;\n  border: 1px solid #e9ecf0;\n  &.btn-size-m {\n    min-width: 90px;\n    height: 36px;\n    border-radius: 18px;\n    padding: 0 18px;\n    font-size: 14px;\n    font-weight: 400;\n  }\n  &.btn-size-s {\n    min-width: 68px;\n    height: 26px;\n    padding: 0 20px;\n    font-size: 13px;\n    font-weight: 400;\n  }\n  :hover {\n    color: #2879ff;\n    border-color: #2879ff;\n  }\n  :disabled {\n    cursor: not-allowed;\n    background-color: #f0f2f5;\n    color: #a4acb9;\n    border: none;\n    :hover {\n      border: none;\n      color: #bfc7d5;\n      opacity: 1;\n      background-color: #f0f2f5;\n    }\n  }\n"])));

exports.DefaultWrapper = DefaultWrapper;
var PrimaryWrapper = (0, _styledComponents["default"])(DefaultWrapper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #ffffff;\n  background: #2879ff;\n  border: none;\n  :hover {\n    color: #ffffff;\n    background-color: #5c8eff;\n    border: none;\n  }\n"])));
exports.PrimaryWrapper = PrimaryWrapper;
var BorderWrapper = (0, _styledComponents["default"])(DefaultWrapper)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  background: transparent;\n  border: 1px solid ", ";\n  :hover {\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n  }\n"])), function (p) {
  return p.theme == 'danger' ? '#F05E5E' : '#2879ff';
}, function (p) {
  return p.theme == 'danger' ? '#F05E5E' : '#2879ff';
}, function (p) {
  return p.theme == 'danger' ? 'rgba(240,94,94,.1)' : '#e9f1ff';
}, function (p) {
  return p.theme == 'danger' ? '#F05E5E' : '#2879ff';
}, function (p) {
  return p.theme == 'danger' ? '#F05E5E' : '#2879ff';
});
exports.BorderWrapper = BorderWrapper;

var LinkWrapper = _styledComponents["default"].button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border: none;\n  background-color: transparent;\n  outline: none;\n  color: #2879ff;\n  font-size: 14px;\n  padding: 0;\n  transition: color 0.3s ease;\n  cursor: pointer;\n  :hover{\n    color: #5c8eff;\n  }\n"])));

exports.LinkWrapper = LinkWrapper;