import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
const e = (o) => {
  const { componentCls: a, apFormModalCloseSize: d } = o;
  return {
    [a]: {
      ".ant-modal-content": {
        padding: 0
      },
      ".ant-modal-header": {
        paddingInline: o.apFormModalHeaderPaddingInline,
        paddingBlock: o.apFormModalHeaderPaddingBlock,
        // todo:边框颜色在这里没有合适的token可以对应，后续需要优化
        borderBottom: `${o.lineWidth} ${o.lineType} #E9EDF3`,
        marginBottom: 0
      },
      [`${a}__content`]: {
        padding: o.apFormModalContentPadding
      },
      [`${a}__footer`]: {
        padding: o.apFormModalFooterPadding,
        borderTop: o.apFormModalFooterBorderTop
      },
      ".ant-modal-close": {
        top: o.calc(o.apFormModalHeaderPaddingBlock).sub(o.calc(d).sub("22px").div(2)).equal(),
        width: d,
        height: d
      }
    }
  };
}, n = r(
  "ApForm.Modal",
  (o) => [e(o)],
  {
    apFormModalHeaderPaddingInline: 20,
    apFormModalHeaderPaddingBlock: 15,
    apFormModalContentPadding: "20px 20px 0px",
    apFormModalFooterPadding: "12px 20px",
    apFormModalCloseSize: 32,
    apFormModalFooterBorderTop: "unset"
  }
);
export {
  n as default,
  e as genModalFormStyle
};
