import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
const l = (e) => ({
  [`${e.componentCls}`]: {
    [`${e.componentCls}--table-layout`]: {
      display: "flex",
      justifyContent: "space-between",
      height: "100%",
      "&.complex-layout": {
        height: "100%",
        position: "relative"
      },
      "&-left": {
        flex: 1,
        minWidth: 0,
        paddingInlineEnd: e.spaceXL,
        boxSizing: "border-box",
        display: "flex",
        flexDirection: "column",
        "&-content": {
          flex: 1,
          ".ant-table-body": {
            height: "100%"
          }
        }
      },
      "&-right": {
        maxHeight: e.apTableModalRightMaxHeight,
        width: e.apTableModalRightWidth,
        paddingInlineStart: e.spaceXL,
        position: "relative",
        display: "flex",
        flexDirection: "column",
        "&-content": {
          flex: 1,
          overflowY: "auto"
        },
        "&::before": {
          content: '""',
          height: "calc(100% + 16px)",
          width: e.lineWidth,
          backgroundColor: e.borderColorBase,
          position: "absolute",
          left: 0,
          top: "-16px"
        }
      }
    }
  }
}), i = t(
  "ApTable.Modal",
  (e) => [l(e)],
  {
    apTableModalRightWidth: 410,
    apTableModalRightMaxHeight: 640
  }
);
export {
  i as default,
  l as genApTableModalStyle
};
