var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
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));
import { useStyle as useAntdStyle } from "@antdv/pro-provider";
const genSiderMenuStyle = (token) => {
  var _a, _b, _c, _d, _e, _f;
  return {
    [token.componentCls]: {
      "position": "absolute",
      "insetBlockStart": "18px",
      "zIndex": "101",
      "width": "24px",
      "height": "24px",
      "fontSize": ["14px", "16px"],
      "textAlign": "center",
      "borderRadius": "40px",
      "insetInlineEnd": "-13px",
      "transition": "transform 0.3s",
      "display": "flex",
      "alignItems": "center",
      "justifyContent": "center",
      "cursor": "pointer",
      "color": (_b = (_a = token.layout) == null ? void 0 : _a.sider) == null ? void 0 : _b.colorTextCollapsedButton,
      "backgroundColor": (_d = (_c = token.layout) == null ? void 0 : _c.sider) == null ? void 0 : _d.colorBgCollapsedButton,
      "boxShadow": "0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)",
      "&:hover": {
        color: (_f = (_e = token.layout) == null ? void 0 : _e.sider) == null ? void 0 : _f.colorTextCollapsedButtonHover,
        boxShadow: "0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)"
      },
      ".anticon": {
        fontSize: "14px"
      },
      "& > svg": {
        transition: "transform  0.3s",
        transform: "rotate(90deg)"
      },
      "&-collapsed": {
        "& > svg": {
          transform: "rotate(-90deg)"
        }
      }
    }
  };
};
function useStyle(prefixCls) {
  return useAntdStyle("SiderMenuCollapsedIcon", (token) => {
    const siderMenuToken = __spreadProps(__spreadValues({}, token), {
      componentCls: `.${prefixCls.value}`
    });
    return [genSiderMenuStyle(siderMenuToken)];
  });
}
export {
  useStyle
};
