import { cn as e } from "../../../lib/utils.js";
import { t } from "../../../dist-Ber_p4PA.js";
import { Badge as n } from "./badge.js";
import { MobileTooltip as r, MobileTooltipContent as i, MobileTooltipProvider as a, MobileTooltipTrigger as o } from "./mobile-tooltip.js";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
import { Info as l } from "lucide-react";
//#region lib/components/ui/atoms/byoc-badge.tsx
var u = t("cursor-pointer gap-1.5 rounded-md border-0 bg-gradient-to-br from-emerald-600 to-emerald-800 font-semibold text-white uppercase tracking-wide shadow-md transition-opacity hover:opacity-80", {
	variants: { size: {
		default: "px-2 py-0.5 text-[0.725rem] leading-4 [&>svg]:h-3 [&>svg]:w-3",
		md: "px-2.5 py-1 text-sm [&>svg]:h-3.5 [&>svg]:w-3.5"
	} },
	defaultVariants: { size: "default" }
});
function d({ className: t, size: d, showInfoIcon: f = !0, delay: p = 350 }) {
	return /* @__PURE__ */ s(a, {
		delay: p,
		children: /* @__PURE__ */ c(r, { children: [/* @__PURE__ */ c(o, {
			render: /* @__PURE__ */ s(n, { className: e(u({ size: d }), t) }),
			children: [/* @__PURE__ */ s("span", { children: "BYOC" }), f && /* @__PURE__ */ s(l, {})]
		}), /* @__PURE__ */ s(i, { children: /* @__PURE__ */ c("p", { children: [
			"Bring Your Own Credentials",
			" ",
			/* @__PURE__ */ s("a", {
				className: "underline hover:no-underline",
				href: "https://docs.arcade.dev/home/glossary#bring-your-own-credentials-byoc",
				rel: "noopener noreferrer",
				target: "_blank",
				children: "Learn more"
			})
		] }) })] })
	});
}
//#endregion
export { d as ByocBadge };
