import { K as o, a3 as s, j as r } from "./index-b203ecbb.js";
import { memo as n } from "react";
const c = (e) => {
  switch (e) {
    case "medium":
      return o`
        font-size: 14px;
        color: ${s("grayBlue-02")};
      `;
    case "small":
      return o`
        font-size: 12px;
        color: ${s("grayBlue-03")};
      `;
  }
};
function i(e, l) {
  const a = e ? o`
        border-bottom: 1px dashed ${s("grayBlue-06")};
      ` : o``;
  return o`
    height: 22px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    ${c(l)}
    ${a};
  `;
}
const p = n(
  (e) => {
    const { labelDesc: l, labelName: a, labelSize: t = "medium" } = e;
    return l ? (
      // <Trigger
      //   content={<ILLAMarkdown textString={labelDesc} />}
      //   trigger="hover"
      //   position="left"
      //   maxW="240px"
      //   disabled={!labelDesc}
      // >
      /* @__PURE__ */ r("span", { css: i(!!l, t), children: a })
    ) : /* @__PURE__ */ r("span", { css: i(!!l, t), children: a });
  }
);
p.displayName = "PanelLabel";
export {
  p as P
};
//# sourceMappingURL=index-56e81c67.js.map
