import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
import { defaultToken as e } from "./token.mjs";
const i = (r) => {
  const { componentCls: t } = r;
  return {
    [t]: {
      [`${t}-chart`]: {
        display: "flex",
        flexDirection: "column",
        marginBlockStart: r.space,
        marginBlockEnd: r.space,
        width: "100%",
        alignItems: "center",
        alignSelf: "flex-start",
        "&-left": {
          marginBlockStart: 0,
          marginInlineEnd: r.spaceXL
        },
        "&-right": {
          marginBlockStart: 0,
          marginInlineStart: r.spaceXL
        }
      },
      [`${t}-content`]: {
        display: "flex",
        flexDirection: "column",
        "&-horizontal": {
          flexDirection: "row"
        }
      },
      [`${t}-footer`]: {
        marginBlockStart: r.space,
        paddingBlockStart: r.spaceXL,
        borderBlockStart: `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`
      }
    }
  };
}, n = a(
  "StatisticsCard",
  (r) => [i(r)],
  e
);
export {
  n as default
};
