import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
const r = (o) => {
  const { componentCls: t } = o;
  return {
    [t]: {
      display: "flex",
      alignItems: "center",
      width: "100%",
      ".copy-btn": {
        opacity: 0,
        transition: `opacity ${o.motionDurationMid} ease`
      },
      "&:hover": {
        ".copy-btn": {
          opacity: 1
        }
      },
      [`${t}__text`]: {
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap",
        lineHeight: o.lineHeight
      },
      [`${t}--text-major`]: {
        color: o.textColor1
      },
      [`${t}--text-minor`]: {
        color: o.textColor3
      },
      [`${t}--text-link`]: {
        color: o.colorLink,
        cursor: "pointer",
        "&:hover": {
          color: o.colorLinkHover
        }
      },
      [`${t}__copy-btn`]: {
        flexShrink: 0,
        marginInlineStart: o.spaceXS,
        display: "flex",
        alignItems: "center",
        fontSize: o.fontSize,
        color: o.textColor4,
        cursor: "pointer",
        "&:hover": {
          ".user-frontend-icon": {
            color: o.colorLink
          }
        }
      }
    }
  };
}, l = e("ApCopy", (o) => [
  r(o)
]);
export {
  l as default
};
