import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
const a = (i) => {
  const { componentCls: e } = i;
  return {
    [e]: {
      display: "flex",
      [`${e}__img`]: {
        width: i.apProductInfoImageSize,
        height: i.apProductInfoImageSize,
        marginInlineEnd: i.space,
        flexShrink: 0
      },
      [`${e}__content`]: {
        flex: 1,
        display: "flex",
        flexDirection: "column",
        overflow: "hidden"
      },
      [`${e}__wrap-title`]: {
        display: "flex",
        alignItems: "center"
      },
      [`${e}__title`]: {
        flex: 1,
        minWidth: 0
      },
      [`${e}__title-suffix`]: {
        marginLeft: "4px"
      },
      [`${e}__row-container `]: {
        display: "flex",
        flexWrap: "wrap"
      },
      [`${e}__row-item`]: {
        position: "relative",
        display: "flex"
      },
      [`${e}__divider`]: {
        width: i.lineWidth,
        position: "relative",
        height: "12px",
        top: "50%",
        marginBlockStart: i.calc(i.spaceSM).mul(-1).equal(),
        marginInlineEnd: i.spaceLG,
        marginInlineStart: i.spaceSM,
        zIndex: 1
      },
      [`${e}__divider-vertical`]: {
        width: i.lineWidth,
        height: "100%",
        backgroundColor: i.colorBg1,
        position: "absolute",
        transform: "translateX(-50%)"
      },
      [`${e}__item`]: {
        display: "flex",
        alignItems: "baseline"
      },
      [`${e}--full`]: {
        width: "100%"
      },
      [`${e}__label`]: {
        color: i.textColor3,
        flexShrink: 0,
        span: {
          display: "inline-block",
          paddingInline: i.spaceXXS,
          paddingBlock: 0
        }
      },
      [`${e}__value`]: {
        maxWidth: i.apProductInfoMaxWidth,
        color: i.textColor3,
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap"
      },
      [`${e}--link`]: {
        color: i.colorLink,
        cursor: "pointer"
      }
    }
  };
}, o = l(
  "ApProductInfo",
  (i) => [a(i)],
  {
    apProductInfoImageSize: 44,
    apProductInfoMaxWidth: 300
  }
);
export {
  o as default
};
