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      border: none;\n      border-radius: 8px 8px 8px 8px;\n      background: #ffffff;\n      box-shadow:\n        0px 4px 8px 0px rgba(0, 5, 26, 0.15),\n        0px 0px 8px 0px rgba(0, 5, 26, 0.05);\n\n      .ant-card-body {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(120px, 1fr));\n        justify-items: center;\n        gap: 10px;\n        grid-row-gap: 10px;\n      }\n\n      .ant-card-body::before {\n        display: none;\n      }\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
function _templateObject1() {
    const data = _tagged_template_literal([
        "\n      &.ant-card-grid {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        width: 100%;\n        height: 100%;\n        padding: 12px;\n        color: inherit;\n        border-radius: 8px;\n        border: none;\n        box-shadow: none;\n\n        &:focus,\n        &:active {\n          background-color: #f4f4f4;\n        }\n        &:hover {\n          border-radius: 8px;\n          background-color: #f4f4f4;\n          box-shadow: none;\n          cursor: pointer;\n        }\n\n        .card-wrapper {\n          width: 100%;\n          height: 100%;\n          background-color: transparent;\n          border: none;\n        }\n\n        .drag-handle-menu {\n          width: 100%;\n          height: 100%;\n          border-radius: 8px;\n          border: none;\n        }\n\n        .ant-btn-icon {\n          font-size: 1.2rem;\n          text-align: center;\n        }\n      }\n\n      &.ant-card-grid .ant-btn {\n        display: grid;\n        place-items: center;\n        align-items: end;\n\n        width: 100%;\n        border: none;\n        box-shadow: none;\n      }\n\n      .field-link {\n        display: grid;\n        place-items: center;\n\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border: none;\n        border-radius: 8px;\n        background-color: transparent;\n        box-shadow: none;\n\n        color: inherit;\n      }\n\n      .icon-wrapper {\n        font-size: 1.2rem;\n        text-align: center;\n        margin-bottom: 0.3rem;\n      }\n\n      .field-title {\n        text-align: center;\n        vertical-align: middle;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: ",
        ";\n      }\n\n      .tb-sortable-designer {\n        width: 100%;\n        height: 5rem;\n      }\n\n      .general-schema-designer {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n\n        width: 100%;\n        height: 45%;\n        border-radius: 1px 1px 8px 8px;\n        background: rgba(0, 0, 0, 0.5);\n        visibility: hidden;\n      }\n\n      &.ant-card-grid:hover .general-schema-designer {\n        visibility: visible;\n      }\n\n      .general-schema-designer .anticon-menu {\n        padding: 1px;\n        border-radius: 2px;\n        background-color: #ffffff;\n        color: #2f2f2f;\n      }\n    "
    ]);
    _templateObject1 = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css, token } = param;
    return {
        adminMenuStyle: css(_templateObject()),
        adminMenuCardStyle: css(_templateObject1(), token.fontSizeSM)
    };
});
export { useStyles };
