"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utils/index.js";
function LastUsedBadge({ children, text, className, "data-cy": dataCy }) {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: cn("relative", className),
      ...dataCy && { "data-cy": dataCy },
      children: [
        children,
        /* @__PURE__ */ jsx(
          "div",
          {
            className: "absolute -top-2 -right-2 bg-primary text-primary-foreground text-xs font-medium px-2 py-1 rounded-full shadow-lg border-2 border-background z-10 animate-in fade-in-0 zoom-in-95 duration-300",
            children: text
          }
        )
      ]
    }
  );
}
export {
  LastUsedBadge
};
