import { genComponentStyleHook as m } from "../../../utils/cssinjs/index.mjs";
const r = (a) => {
  const { componentCls: t } = a;
  return {
    [t]: {
      [`${t}__item`]: {
        height: a.apSummaryItemHeight,
        paddingInline: `${a.spaceLG} !important`,
        paddingBlock: `${a.space} !important`,
        backgroundColor: "var(--ap-summary-background, #f9ecc7) !important",
        color: a.textColor1,
        fontWeight: "bolder",
        "&--small": {
          height: a.apSummartItemHeightSM,
          paddingInline: `${a.spaceLG} !important`,
          paddingBlock: `${a.spaceXS} !important`,
          backgroundColor: "var(--ap-summary-background, #E6EDFF) !important"
        }
      }
    }
  };
}, p = m(
  "ApSummary",
  (a) => [r(a)],
  {
    apSummaryItemHeight: 38,
    apSummartItemHeightSM: 28
  }
);
export {
  p as default
};
