22 lines
546 B
TypeScript
22 lines
546 B
TypeScript
import { Badge } from "@/styles/base-nova/ui/badge"
|
|
import { Spinner } from "@/styles/base-nova/ui/spinner"
|
|
|
|
export function SpinnerBadge() {
|
|
return (
|
|
<div className="flex items-center gap-4 [--radius:1.2rem]">
|
|
<Badge>
|
|
<Spinner data-icon="inline-start" />
|
|
Syncing
|
|
</Badge>
|
|
<Badge variant="secondary">
|
|
<Spinner data-icon="inline-start" />
|
|
Updating
|
|
</Badge>
|
|
<Badge variant="outline">
|
|
<Spinner data-icon="inline-start" />
|
|
Processing
|
|
</Badge>
|
|
</div>
|
|
)
|
|
}
|