import { jsx as t, jsxs as n } from "react/jsx-runtime";
import { cn as a } from "../../utils/cn.js";
const l = ({ children: e, prefix: r, className: d }) => /* @__PURE__ */ n(
  "div",
  {
    className: a(
      "flex items-center gap-1 break-all rounded-md bg-stone-100/50 px-2 py-0.5 font-medium text-stone-600 dark:bg-white/5 dark:text-stone-200",
      d
    ),
    "data-component-part": "field-info-pill",
    children: [
      r && /* @__PURE__ */ t("span", { className: "text-stone-400 dark:text-stone-500", children: r }),
      /* @__PURE__ */ t("span", { children: e })
    ]
  }
), p = ({ label: e }) => e ? /* @__PURE__ */ t(
  "div",
  {
    className: "whitespace-nowrap rounded-md bg-red-100/50 px-2 py-0.5 font-medium text-red-600 dark:bg-red-400/10 dark:text-red-300",
    "data-component-part": "field-required-pill",
    children: e
  }
) : null, m = ({ label: e }) => e ? /* @__PURE__ */ t(
  "div",
  {
    className: "whitespace-nowrap rounded-md bg-amber-100/50 px-2 py-0.5 font-medium text-amber-600 dark:bg-amber-400/10 dark:text-amber-300",
    "data-component-part": "field-deprecated-pill",
    children: e
  }
) : null;
export {
  m as DeprecatedPill,
  l as InfoPill,
  p as RequiredPill
};
