20 lines
687 B
TypeScript
20 lines
687 B
TypeScript
type LiveBadgeProps = {
|
|
text?: string;
|
|
};
|
|
export default function LiveBadge({ text }: LiveBadgeProps) {
|
|
return (
|
|
<div className="flex items-center gap-1">
|
|
<div className="relative h-[14px] w-[14px]">
|
|
<div className="absolute h-[14px] w-[14px] animate-ping rounded-full bg-primary/30"></div>
|
|
<div className="absolute h-[14px] w-[14px] animate-pulse rounded-full bg-primary/30"></div>
|
|
<div className="absolute left-[3px] top-[3px] h-2 w-2 rounded-full bg-primary"></div>
|
|
</div>
|
|
{!!text && (
|
|
<div className="h-[14px] text-[12px] font-semibold leading-[15px] text-primary">
|
|
{text}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|