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      flex-direction: row;\n      max-height: 30vh;\n      .left-pane {\n        padding: 2px;\n        display: flex;\n        font-weight: 500;\n        flex-direction: column;\n        width: 100px;\n        overflow-y: auto;\n        /* 隐藏滚动条 微软/火狐 */\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        border-right: 2px solid #d4d4d4;\n        padding: 2px;\n        margin-right: 5px;\n        div {\n          background-color: #ffffff;\n          white-space: normal;\n          cursor: pointer;\n          margin: 5px 0 5px;\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n      /* 隐藏滚动条 谷歌浏览器 */\n      .left-pane::-webkit-scrollbar {\n        display: none;\n      }\n\n      .right-pane {\n        padding: 2px;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        flex: 1;\n        div {\n          margin-bottom: 1em;\n          .ant-btn {\n            margin-right: 2px;\n          }\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css } = param;
    return {
        container: css(_templateObject())
    };
});
export { useStyles };
