@aplus-frontend/ui/es/src/business/ap-product-info/style/index.mjs

import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
const o = (i) => {
  const { componentCls: l } = i;
  return {
    [l]: {
      display: "flex",
      [`${l}__img`]: {
        width: i.apProductInfoImageSize,
        height: i.apProductInfoImageSize,
        marginInlineEnd: i.space,
        flexShrink: 0
      },
      [`${l}__content`]: {
        flex: 1,
        display: "flex",
        flexDirection: "column",
        overflow: "hidden"
      },
      [`${l}__row-container `]: {
        display: "flex",
        flexWrap: "wrap"
      },
      [`${l}__row-item`]: {
        position: "relative",
        display: "flex"
      },
      [`${l}__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
      },
      [`${l}__divider-vertical`]: {
        width: i.lineWidth,
        height: "100%",
        backgroundColor: i.colorBg1,
        position: "absolute",
        transform: "translateX(-50%)"
      },
      [`${l}__item`]: {
        display: "flex",
        alignItems: "baseline"
      },
      [`${l}--full`]: {
        width: "100%"
      },
      [`${l}__label`]: {
        color: i.textColor3,
        flexShrink: 0,
        span: {
          display: "inline-block",
          paddingInline: i.spaceXXS,
          paddingBlock: 0
        }
      },
      [`${l}__value`]: {
        maxWidth: i.apProductInfoMaxWidth,
        color: i.textColor3,
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap"
      },
      [`${l}--link`]: {
        color: i.colorLink,
        cursor: "pointer"
      }
    }
  };
}, r = e(
  "ApProductInfo",
  (i) => [o(i)],
  {
    apProductInfoImageSize: 44,
    apProductInfoMaxWidth: 300
  }
);
export {
  r as default
};