import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
function _tagged_template_literal(strings, raw) {
    if (!raw) raw = strings.slice(0);
    return Object.freeze(Object.defineProperties(strings, {
        raw: {
            value: Object.freeze(raw)
        }
    }));
}
function _templateObject() {
    const data = _tagged_template_literal([
        "\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100%;\n      padding: 0 10px;\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
function _templateObject1() {
    const data = _tagged_template_literal([
        "\n      flex: 0 1 auto;\n      position: relative;\n\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      min-width: 10px;\n      height: 32px;\n      margin: 6px 2px;\n      padding: 4px 15px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      overflow: hidden;\n\n      background-image: none;\n      background: transparent;\n      color: rgba(255, 255, 255, 0.88);\n\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.5714285714285714;\n      outline: none;\n      text-align: center;\n      touch-action: manipulation;\n      user-select: none;\n      white-space: nowrap;\n      cursor: pointer;\n\n      transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n      &.active {\n        background-color: rgba(0, 0, 0, 0.07);\n      }\n\n      .tab-text {\n        min-width: 5px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    "
    ]);
    _templateObject1 = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css, token } = param;
    return {
        tabWrapper: css(_templateObject()),
        tabHeader: css(_templateObject1())
    };
});
export { useStyles };
