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";
import { genAppsLogoComponentsDefaultListStyle } from "./default.mjs";
import { genAppsLogoComponentsSimpleListStyle } from "./simple.mjs";
const genAppsLogoComponentsStyle = (token) => {
  var _a, _b, _c, _d, _e;
  return {
    [token.componentCls]: {
      "&-icon": {
        "display": "inline-flex",
        "alignItems": "center",
        "justifyContent": "center",
        "paddingInline": 4,
        "paddingBlock": 0,
        "fontSize": 14,
        "lineHeight": "14px",
        "height": 28,
        "width": 28,
        "cursor": "pointer",
        "color": (_a = token.layout) == null ? void 0 : _a.colorTextAppListIcon,
        "borderRadius": token.borderRadius,
        "&:hover": {
          color: (_b = token.layout) == null ? void 0 : _b.colorTextAppListIconHover,
          backgroundColor: (_c = token.layout) == null ? void 0 : _c.colorBgAppListIconHover
        },
        "&-active": {
          color: (_d = token.layout) == null ? void 0 : _d.colorTextAppListIconHover,
          backgroundColor: (_e = token.layout) == null ? void 0 : _e.colorBgAppListIconHover
        }
      },
      "&-item-title": {
        "marginInlineStart": "16px",
        "marginInlineEnd": "8px",
        "marginBlockStart": 0,
        "marginBlockEnd": "12px",
        "fontWeight": 600,
        "color": "rgba(0, 0, 0, 0.88)",
        "fontSize": 16,
        "opacity": 0.85,
        "lineHeight": 1.5,
        "&:first-child": {
          marginBlockStart: 12
        }
      },
      "&-popover": {
        width: "max-content",
        maxWidth: "100vw",
        [`${token.antCls}-popover-arrow`]: {
          display: "none"
        }
      },
      "&-simple": genAppsLogoComponentsSimpleListStyle(token),
      "&-default": genAppsLogoComponentsDefaultListStyle(token)
    }
  };
};
function useStyle(prefixCls) {
  return useAntdStyle("AppsLogoComponents", (token) => {
    const proCardToken = __spreadProps(__spreadValues({}, token), {
      componentCls: `.${prefixCls.value}`
    });
    return [genAppsLogoComponentsStyle(proCardToken)];
  });
}
export {
  useStyle
};
