import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
const r = (o) => {
  const { componentCls: e, textColor3: i } = o, n = `${e}-inner-wrapper`;
  return {
    [e]: {
      "&-wrapper": {
        textWrap: "nowrap",
        display: "inline-block"
      }
    },
    [n]: {
      display: "flex",
      color: "var(--download-main-color)",
      cursor: "pointer",
      alignItems: "center",
      ".spin": {
        marginInlineEnd: o.spaceXS
      },
      ".icon": {
        position: "relative",
        fontSize: o.fontSizeXL,
        marginInlineEnd: o.spaceXS
      },
      ".text": {
        color: "var(--download-main-color)"
      },
      ".preview-icon": {
        fontSize: o.fontSizeXL,
        marginLeft: o.space
      },
      "&:hover": {
        color: "var(--download-main-color-opacity)"
      },
      "&--large": {
        lineHeight: o.lineHeightLG,
        fontSize: o.fontSizeLG
      },
      "&--middle": {
        lineHeight: o.lineHeight,
        fontSize: o.fontSize
      },
      "&--small": {
        lineHeight: o.lineHeightSM,
        fontSize: o.fontSizeSM
      },
      "&--disabled": {
        color: i,
        cursor: "not-allowed",
        "&:hover": {
          color: i
        }
      }
    }
  };
}, t = l("ApDownload", (o) => [
  r(o)
]);
export {
  t as default
};
