import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
const n = (o) => {
  const {
    componentCls: e,
    apLabelColorCustomGreen: l,
    apLabelColorCustomBlue: r,
    apLabelColorCustomRed: a
  } = o;
  return {
    [e]: {
      display: "flex",
      flexDirection: "column",
      alignItems: "start",
      fontSize: o.fontSizeLG,
      [`${e}__content`]: {
        display: "flex",
        flexDirection: "row",
        alignItems: "center",
        ".user-frontend-icon": {
          display: "flex",
          alignItems: "center"
        }
      },
      [`${e}__custom`]: {
        marginBlockStart: o.spaceXXS,
        width: "100%",
        ".ant-tag": {
          lineHeight: o.lineHeightLG
        },
        ".ant-tag-green": {
          color: l,
          borderColor: l,
          background: o.calc(l).colorMix(6)
        },
        ".ant-tag-red": {
          color: a,
          borderColor: a,
          backgroundColor: o.calc(a).colorMix(6)
        },
        ".ant-tag-blue": {
          color: r,
          borderColor: r,
          backgroundColor: o.calc(r).colorMix(6)
        }
      }
    }
  };
}, i = t(
  "ApLabel",
  (o) => [n(o)],
  {
    apLabelColorCustomGreen: "#34b77c",
    apLabelColorCustomRed: "#FF4D4F",
    apLabelColorCustomBlue: "#1890ff"
  }
);
export {
  i as default
};
