import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
const l = (n) => {
  const { componentCls: e, namespace: o } = n, i = `.${o}-action-item`;
  return {
    [e]: {
      display: "inline-flex",
      flexDirection: "row",
      alignItems: "center",
      // dropdown menu item
      "&__item": {
        padding: "0px !important",
        [i]: {
          width: "100%",
          paddingInline: "12px",
          paddingBlock: "6px"
        },
        [`${i}--loading`]: {
          marginInlineEnd: n.calc(n.spaceXS).mul(-3).equal()
        }
      },
      [`${e}__icon`]: {
        fontSize: n.fontSize,
        display: "inline-flex"
      }
    }
  };
}, p = t("ApAction.Dropdown", (n) => [
  l(n)
]);
export {
  p as default,
  l as genActionDropdownItemStyle
};
