"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _genStyleHook = require("../../theme/utils/genStyleHook");
var _index = require("../../theme/index");
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 _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); }
var SideCardStyleFunc = function SideCardStyleFunc(prefix) {
  var prepareComponentToken = function prepareComponentToken(token) {
    return {
      // fontWeight: 400,
    };
  };
  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
    var prefixCls = ".".concat(prefix);
    // console.log(' new TinyColor(token.colorPrimary).setAlpha(0.1)' ,new TinyColor(token.colorPrimary).setAlpha(0.1).toRgbString(), )
    return [_defineProperty({}, prefixCls, {
      width: '100%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      padding: "".concat(token.paddingXS, "px 0"),
      '.spec-standard-title-mark-bar, .spec-standard-title-mark-ring,.spec-standard-title-mark-arrow': {
        // content: '""',
        display: 'inline-flex',
        marginRight: "".concat(token.marginXS, "px")
      },
      '.spec-standard-title-mark-bar': {
        width: '3px',
        height: '14px',
        backgroundColor: token.colorPrimary,
        borderTopRightRadius: '2px',
        borderBottomRightRadius: '2px'
      },
      '.spec-standard-title-mark-ring': {
        width: '12px',
        height: '12px',
        boxSizing: 'border-box',
        borderRadius: '50%',
        border: "3px solid ".concat(token.colorPrimary),
        backgroundColor: '#fff'
      },
      '.spec-standard-title-mark-arrow': {
        width: '14px',
        height: '14px',
        position: 'relative',
        '&:before, &:after': {
          position: 'absolute',
          top: '50%',
          transform: 'translateY(-50%)',
          content: '""',
          display: 'inline-block',
          borderTop: '5px solid transparent',
          borderBottom: '5px solid transparent'
        },
        '&:before': {
          left: '0',
          borderLeft: "8px solid ".concat(token.colorPrimary),
          zIndex: 2
        },
        '&:after': {
          left: '4px',
          borderLeft: "8px solid ".concat((0, _index.setAlphaColor)(token.colorPrimary, 0.3)),
          zIndex: 1
        }
      },
      '.spec-standard-title-base': {
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        fontSize: token.fontSizeLG,
        fontWeight: 'normal'
      },
      '.spec-standard-title-middle': {
        flex: 1,
        marginLeft: "".concat(token.marginXS, "px"),
        marginRight: "".concat(token.marginXS, "px")
      },
      '.spec-standard-title-middle + .spec-standard-title-extra': {},
      '.spec-standard-title-base + .spec-standard-title-middle': {}
    })];
  }, prepareComponentToken // 当前组件扩展的变量
  );
};
var _default = exports.default = SideCardStyleFunc;