Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
993 B · 44 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger,} from "@openstatus/ui/components/ui/tooltip";
import { cn } from "@/lib/utils";
const variants = { success: "bg-success", warning: "bg-warning", destructive: "bg-destructive", muted: "bg-muted-foreground",} as const;
export function TableCellIndicator({ variant = "muted", label, className, ...props}: React.ComponentProps<"div"> & { variant?: keyof typeof variants; label: string;}) { return ( <TooltipProvider> <Tooltip> <TooltipTrigger asChild> <div className={cn("flex items-center justify-center", className)} {...props} > <div className={cn("size-2.5 rounded-full", variants[variant])} aria-label={label} /> </div> </TooltipTrigger> <TooltipContent className="font-mono">{label}</TooltipContent> </Tooltip> </TooltipProvider> );}