import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
const i = (e) => {
  const { componentCls: t } = e;
  return {
    [t]: {
      [`${t}-content-container`]: {
        position: "relative",
        "&--spinning": {
          opacity: e.apListSpinnigOpacity,
          userSelect: "none",
          pointerEvents: "none"
        }
      },
      [`${t}__footer`]: {
        marginTop: e.space,
        display: "flex",
        justifyContent: "flex-end"
      },
      [`${t}__spin-wrapper`]: {
        position: "absolute",
        width: "100%",
        top: 0,
        bottom: 0,
        borderRadius: e.borderRadius,
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        zIndex: 1
      },
      [`${t}-scroll-wrapper`]: {
        height: "100%"
      },
      "&--adaptive": {
        height: "100%",
        display: "flex",
        flexDirection: "column",
        [`${t}-content-container`]: {
          flexGrow: 1,
          flexShrink: 1,
          overflow: "hidden",
          "&:has(.ant-empty)": {
            display: "flex",
            justifyContent: "center",
            alignItems: "center"
          },
          [`${t}__content`]: {
            height: "100%",
            overflow: "auto"
          }
        }
      }
    }
  };
}, p = n(
  "ApList",
  (e) => [i(e)],
  {
    apListSpinnigOpacity: 0.5
  },
  {
    skipUnit: ["apListSpinnigOpacity"]
  }
);
export {
  p as default,
  i as genApListStyle
};
