var _templateObject, _templateObject2;
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var token = _ref.token,
    css = _ref.css;
  return {
    // 支持 css object 的写法
    SpecButtonGroupStyle: _defineProperty({
      display: 'inline-block',
      verticalAlign: 'middle'
    }, '.ant-btn + .ant-btn', {
      marginLeft: "".concat(token.paddingSM, "px")
    }),
    // 也支持通过 css 字符串模板获得和 普通 css 一致的书写体验
    SpecButtonGroupCSS: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    .ant-btn + .ant-btn {\n      margin-left: ", "px;\n    }\n  "])), token.paddingSM),
    SpecButtonGroupTextCSS: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    color: ", ";\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    & + .spec-button-group-text {\n      position: relative;\n      margin-left: ", "px;\n\n      &:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n        left: calc(-", "px / 2);\n        transform: translate(0, -50%);\n        display: inline-block;\n        height: .9em;\n        vertical-align: middle;\n        border-left: 1px solid ", ";\n\n      }\n    }\n  "])), token.colorPrimary, token.colorTextDisabled, token.paddingSM, token.paddingSM, token.colorBorder)
  };
});