import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
const i = (n) => {
  const { componentCls: o, namespace: t, spaceXS: r, motionDurationSlow: e } = n, a = `.${t}-action-item`;
  return {
    [o]: {
      [a]: {
        fontSize: n.fontSize
      },
      [`${o}__expandText`]: {
        fontSize: n.fontSize,
        marginInline: r
      },
      [`${o}__expandIcon`]: {
        transition: `all ${e}`,
        transform: "rotateZ(180deg)"
      },
      [`${o}__collapseIcon`]: {
        transition: `all ${e}`,
        transform: "rotateZ(0deg)"
      },
      [`${o}__prefix`]: {
        display: "inline-block"
      },
      [`${o}__showItem`]: {
        color: n.colorLink,
        cursor: "pointer",
        whiteSpace: "nowrap",
        "&:hover": {
          color: n.colorLinkHover
        }
      },
      [`${o}__spliter`]: {
        color: n.borderColorBase,
        paddingInline: n.space,
        paddingBlock: 0
      },
      [`${o}__antAlert.ant-alert`]: {
        alignItems: "flex-start",
        lineHeight: n.lineHeight,
        ".ant-alert-icon": {
          fontSize: n.fontSizeLG,
          transform: "translateY(2px)",
          display: "block"
        }
      },
      ".card-alert": {
        backgroundColor: "transparent !important",
        border: "none"
      },
      ".ant-alert-close-icon": {
        lineHeight: "unset"
      }
    }
  };
}, c = l("ApExpandAlert", (n) => [
  i(n)
]);
export {
  c as default
};
