import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
const n = (e) => {
  const { componentCls: t } = e;
  return {
    [`${t}`]: {
      width: "100%",
      height: "100%",
      overflow: "hidden",
      [`${t}-spin`]: {
        display: "flex",
        "align-items": "center",
        "justify-content": "center",
        width: "100%",
        height: "100%"
      },
      [`${t}-result`]: {
        display: "flex",
        "align-items": "center",
        "justify-content": "center",
        "flex-direction": "column",
        width: "100%",
        height: "100%",
        color: e.textColor3,
        "&-icon": {
          width: "64px",
          height: "64px",
          background: e.calc(e.antdv.colorTextPlaceholder).colorMix(10),
          borderRadius: "100%",
          display: "flex",
          "align-items": "center",
          "justify-content": "center"
        },
        "&-title": {
          marginTop: e.spaceXL,
          fontSize: e.fontSizeLG
        }
      }
    }
  };
}, l = i("ApFilePreview", (e) => [
  n(e)
]);
export {
  l as default,
  n as genApFilePreviewStyle
};
