var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
  useStyle: () => useStyle
});
module.exports = __toCommonJS(stdin_exports);
var import_pro_provider = require("@antdv/pro-provider");
const genSettingDrawerStyle = (token) => {
  return {
    [`${token.componentCls}-handle`]: {
      "position": "fixed",
      "insetBlockStart": "240px",
      "insetInlineEnd": "0px",
      "zIndex": 0,
      "display": "flex",
      "alignItems": "center",
      "justifyContent": "center",
      "width": "48px",
      "height": "48px",
      "fontSize": "16px",
      "textAlign": "center",
      "backgroundColor": token.colorPrimary,
      "borderEndStartRadius": token.borderRadiusLG,
      "borderStartStartRadius": token.borderRadiusLG,
      "-webkit-backdropilter": "saturate(180%) blur(20px)",
      "backdropFilter": "saturate(180%) blur(20px)",
      "cursor": "pointer",
      "pointerEvents": "auto"
    },
    [token.componentCls]: {
      "&-content": {
        position: "relative",
        minHeight: "100%",
        color: token.colorText
      },
      "&-body-title": {
        marginBlock: token.marginXS,
        fontSize: "14px",
        lineHeight: "22px",
        color: token.colorTextHeading
      },
      "&-block-checkbox": {
        "display": "flex",
        "minHeight": 42,
        "gap": token.marginSM,
        "& &-item": {
          "position": "relative",
          "width": "44px",
          "height": "36px",
          "overflow": "hidden",
          "borderRadius": "4px",
          "boxShadow": token.boxShadow,
          "cursor": "pointer",
          "fontSize": 56,
          "lineHeight": "56px",
          "&::before": {
            position: "absolute",
            insetBlockStart: 0,
            insetInlineStart: 0,
            width: "33%",
            height: "100%",
            content: "''"
          },
          "&::after": {
            position: "absolute",
            insetBlockStart: 0,
            insetInlineStart: 0,
            width: "100%",
            height: "25%",
            content: "''"
          },
          "&-realDark": {
            "backgroundColor": "rgba(0, 21, 41, 0.85)",
            "&::before": { backgroundColor: "rgba(0, 0, 0, 0.65)" },
            "&::after": { backgroundColor: "rgba(0, 0, 0, 0.85)" }
          },
          "&-light": {
            "backgroundColor": "#fff",
            "&::before": { backgroundColor: "#fff" },
            "&::after": { backgroundColor: "#fff" }
          },
          "&-dark,&-side": {
            "backgroundColor": token.colorBgElevated,
            "&::before": { zIndex: "1", backgroundColor: "#001529" },
            "&::after": { backgroundColor: token.colorBgContainer }
          },
          "&-top": {
            "backgroundColor": token.colorBgElevated,
            "&::before": { backgroundColor: "transparent" },
            "&::after": { backgroundColor: "#001529" }
          },
          "&-mix": {
            "backgroundColor": token.colorBgElevated,
            "&::before": { backgroundColor: token.colorBgContainer },
            "&::after": { backgroundColor: "#001529" }
          }
        },
        "& &-selectIcon": {
          "position": "absolute",
          "insetInlineEnd": "6px",
          "bottom": "4px",
          "color": token.colorPrimary,
          "fontWeight": "bold",
          "fontSize": "14px",
          "pointerEvents": "none",
          ".action": { color: token.colorPrimary }
        },
        "& &-icon": {
          fontSize: 56,
          lineHeight: "56px"
        }
      },
      "&-theme-color": {
        "marginBlockStart": "16px",
        "overflow": "hidden",
        "& &-block": {
          float: "left",
          width: "20px",
          height: "20px",
          marginBlockStart: 8,
          marginInlineEnd: 8,
          color: "#fff",
          fontWeight: "bold",
          textAlign: "center",
          borderRadius: "2px",
          cursor: "pointer"
        }
      },
      "&-list": {
        [`li${token.antCls}-list-item`]: {
          paddingInline: 0,
          paddingBlock: 8
        }
      }
    }
  };
};
function useStyle(prefixCls) {
  return (0, import_pro_provider.useStyle)("ProLayoutSettingDrawer", (token) => {
    const settingDrawerToken = __spreadProps(__spreadValues({}, token), {
      componentCls: `.${prefixCls.value}`
    });
    return [genSettingDrawerStyle(settingDrawerToken)];
  });
}
