bigblocks
Version:
Complete Bitcoin UI component library - authentication, social, wallet, market, inscriptions, and blockchain interactions for React
23 lines (22 loc) • 1.27 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { LockClosedIcon } from "@radix-ui/react-icons";
import { cn } from "../../lib/utils.js";
import { Badge } from "../ui/badge.js";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
/**
* MasterKeyBadge - Visual indicator for features that require master key access
*
* @example
* ```tsx
* <MasterKeyBadge />
* <MasterKeyBadge tooltip="This feature requires signing in with your master backup" />
* <MasterKeyBadge text="Master Only" color="purple" />
* ```
*/
export function MasterKeyBadge({ tooltip = "Requires master key access", showIcon = true, text = "Master Key", variant = "secondary", className, }) {
const badge = (_jsx(Badge, { variant: variant, className: cn("bg-amber-100 text-amber-900 hover:bg-amber-200", className), children: _jsxs("div", { className: "flex items-center gap-1", children: [showIcon && _jsx(LockClosedIcon, { className: "h-3 w-3" }), text] }) }));
if (tooltip) {
return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: badge }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
}
return badge;
}