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.
1.0 kB · 46 lines
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647import Image from "next/image";
import { cn } from "@/lib/utils";
export function Wordmark({ size = 24, showText = false, className, href = "https://openstatus.dev", target = "_blank", rel = "noreferrer", ...props}: Omit<React.ComponentProps<"a">, "children"> & { size?: 24 | 32; showText?: boolean;}) { return ( <a href={href} target={target} rel={rel} className={cn("flex items-center gap-2", className)} {...props} > <span className="relative block" style={{ height: size, width: size }}> <Image src="https://openstatus.dev/icon.png" alt="openstatus" height={size} width={size} className="border-border rounded-full border" /> </span> {showText ? ( <span className={cn( "font-cal text-foreground", size === 32 ? "text-base" : "text-sm", )} > openstatus </span> ) : null} </a> );}