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: column;\n      height: 100vh;\n      max-height: 100vh;\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
function _templateObject1() {
    const data = _tagged_template_literal([
        "\n      .ant-menu.ant-menu-dark .ant-menu-item-selected,\n      .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,\n      .ant-menu-submenu-horizontal.ant-menu-submenu-selected {\n        background-color: ",
        " !important;\n        color: ",
        " !important;\n      }\n      .ant-menu-submenu-horizontal.ant-menu-submenu-selected > .ant-menu-submenu-title {\n        color: ",
        " !important;\n      }\n      .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {\n        background-color: ",
        " !important;\n        color: ",
        " !important;\n      }\n\n      height: var(--tb-header-height);\n      line-height: var(--tb-header-height);\n      padding: 0;\n      background-color: ",
        " !important;\n\n      .ant-menu {\n        background-color: transparent;\n      }\n\n      .ant-menu-item,\n      .ant-menu-submenu-horizontal {\n        color: ",
        " !important;\n      }\n    "
    ]);
    _templateObject1 = function() {
        return data;
    };
    return data;
}
function _templateObject2() {
    const data = _tagged_template_literal([
        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n      display: flex;\n    "
    ]);
    _templateObject2 = function() {
        return data;
    };
    return data;
}
function _templateObject3() {
    const data = _tagged_template_literal([
        "\n      position: relative;\n      z-index: 1;\n      flex: 1 1 auto;\n      display: flex;\n      height: 100%;\n    "
    ]);
    _templateObject3 = function() {
        return data;
    };
    return data;
}
function _templateObject4() {
    const data = _tagged_template_literal([
        "\n      display: inline-flex;\n      flex-shrink: 0;\n      color: #fff;\n      padding: 0;\n      align-items: center;\n      padding: 0 12px 0 12px;\n    "
    ]);
    _templateObject4 = function() {
        return data;
    };
    return data;
}
function _templateObject5() {
    const data = _tagged_template_literal([
        "\n      object-fit: contain;\n      height: 28px;\n    "
    ]);
    _templateObject5 = function() {
        return data;
    };
    return data;
}
function _templateObject6() {
    const data = _tagged_template_literal([
        "\n      color: #fff;\n      height: 32px;\n      margin: 0 0 0 12px;\n      font-weight: 600;\n      font-size: 18px;\n      line-height: 32px;\n    "
    ]);
    _templateObject6 = function() {
        return data;
    };
    return data;
}
function _templateObject7() {
    const data = _tagged_template_literal([
        "\n      display: inline-flex;\n      position: relative;\n      flex-shrink: 0;\n      height: 100%;\n      z-index: 10;\n    "
    ]);
    _templateObject7 = function() {
        return data;
    };
    return data;
}
function _templateObject8() {
    const data = _tagged_template_literal([
        "\n      flex: 1 1 auto;\n      width: 0;\n      display: flex;\n    "
    ]);
    _templateObject8 = function() {
        return data;
    };
    return data;
}
function _templateObject9() {
    const data = _tagged_template_literal([
        "\n      flex: 1;\n    "
    ]);
    _templateObject9 = function() {
        return data;
    };
    return data;
}
function _templateObject10() {
    const data = _tagged_template_literal([
        "\n      height: 100%;\n      /* position: fixed; */\n      position: relative;\n      left: 0;\n      top: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 100;\n      .ant-layout-sider-children {\n        top: var(--tb-header-height);\n        position: fixed;\n        width: 200px;\n        height: calc(100vh - var(--tb-header-height));\n      }\n    "
    ]);
    _templateObject10 = function() {
        return data;
    };
    return data;
}
function _templateObject11() {
    const data = _tagged_template_literal([
        "\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      height: 100%;\n      > div {\n        position: relative;\n      }\n      .ant-layout-content {\n        height: calc(100vh - var(--tb-header-height));\n        overflow: auto;\n      }\n      .ant-layout-footer {\n        position: absolute;\n        bottom: 0;\n        text-align: center;\n        width: 100%;\n        z-index: 0;\n        padding: 0px 50px;\n      }\n    "
    ]);
    _templateObject11 = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css, token } = param;
    return {
        layout: css(_templateObject()),
        header: css(_templateObject1(), token.colorBgHeaderMenuActive, token.colorTextHeaderMenuActive, token.colorTextHeaderMenuActive, token.colorBgHeaderMenuHover, token.colorTextHeaderMenuHover, token.colorBgHeader, token.colorTextHeaderMenu),
        headerA: css(_templateObject2()),
        headerB: css(_templateObject3()),
        titleContainer: css(_templateObject4()),
        logo: css(_templateObject5()),
        title: css(_templateObject6()),
        right: css(_templateObject7()),
        editor: css(_templateObject8()),
        notice: css(_templateObject9()),
        sider: css(_templateObject10()),
        main: css(_templateObject11())
    };
});
export { useStyles };
