import { genComponentStyleHook as a } from "../../../utils/cssinjs/index.mjs";
const l = (o) => {
  const { componentCls: p, namespace: t } = o, r = `${p}-popover-input`, e = `--${t}-batch-input-group-popover-left`, n = `--${t}-batch-input-group-popover-right`, i = `--${t}-batch-input-group-popover-width`;
  return {
    [p]: {
      position: "relative",
      [r]: {
        display: "inline-flex",
        alignItems: "center",
        [`${r}-trigger-icon`]: {
          cursor: "pointer",
          fontSize: o.fontSizeXL,
          color: o.textColor2,
          lineHeight: 0,
          "&:hover": {
            color: o.colorPrimary
          },
          "&--disabled": {
            cursor: "not-allowed",
            color: o.batchInputGroupTriggerColorDisabled,
            "&:hover": {
              color: o.batchInputGroupTriggerColorDisabled
            }
          }
        }
      }
    },
    [`${r}__popover`]: {
      width: `var(${i})`,
      minWidth: "300px",
      left: `var(${e}) !important`,
      right: `var(${n}) !important`,
      ".ant-popover-arrow": {
        display: "none"
      },
      ".ant-popover-inner": {
        padding: 0
      },
      [`${r}__popover--content`]: {
        padding: o.spaceLG,
        textarea: {
          padding: 0,
          resize: "none"
        }
      }
    }
  };
}, s = a(
  "BatchInputGroup",
  (o) => [l(o)],
  {
    batchInputGroupTriggerColorDisabled: "rgba(24, 41, 72, 0.25)"
  }
);
export {
  s as default
};
