var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from "antd-style";
import edit from "./edit.svg";
export var useCombineBoxStyles = createStyles(function (_ref, props) {
  var prefixCls = _ref.prefixCls,
    css = _ref.css,
    token = _ref.token,
    stylish = _ref.stylish;
  return {
    card: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", "px;\n    min-width: 300px;\n    background-color: #f7f7f7;\n    border: ", ";\n    .icon-span {\n      width: 28px;\n      min-width: 28px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      .hc-icon {\n        transform: translateX(2px)\n      }\n    }\n    .select-no-padding {\n      .", "-select-selector {\n        padding: 0px !important\n      }\n    }\n  "])), token.borderRadius, props.focus ? "1px solid ".concat(token.colorPrimary) : "1px solid ".concat(props.border ? token.colorBorder : 'transparent'), prefixCls),
    box: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n  "]))),
    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: wrap;\n  "]))),
    right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 2px;\n    align-items: center;\n  "])))
  };
});
export var useTagsStyles = createStyles(function (_ref2) {
  var prefixCls = _ref2.prefixCls,
    css = _ref2.css,
    token = _ref2.token;
  return {
    label: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: rgba(0, 0, 0, 0.3);\n    cursor: url(", "), pointer;\n  "])), edit),
    value: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: rgba(89, 89, 89, 1);\n    padding-right: 12px;\n    overflow: hidden;\n    cursor: url(", "), pointer;\n  "])), edit),
    currentTag: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    max-width: 350px;\n    background-color: #f4f4f4;\n    border-color: #E0E0E0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
    closeIcon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n    font-size: 12px;\n\n    /* Icon \u4E3A 1em\uFF0C\u9700\u76F4\u63A5\u6539 svg \u5C3A\u5BF8 */\n    .hc-icon {\n      width: 12px;\n      height: 12px;\n      font-size: 12px;\n      vertical-align: middle;\n    }\n  "])))
  };
});