mirror of
https://github.com/tale/headplane.git
synced 2026-07-27 00:08:14 +00:00
Aarnav Tale
23 lines
529 B
TypeScript
23 lines
529 B
TypeScript
import cn from "~/utils/cn";
|
|
|
|
export interface StatusCircleProps {
|
|
isOnline: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export default function StatusCircle({ isOnline, className }: StatusCircleProps) {
|
|
return (
|
|
<svg
|
|
className={cn(
|
|
isOnline ? "text-green-600 dark:text-green-500" : "text-mist-200 dark:text-mist-800",
|
|
className,
|
|
)}
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<title>{isOnline ? "Online" : "Offline"}</title>
|
|
<circle cx="12" cy="12" r="8" />
|
|
</svg>
|
|
);
|
|
}
|