mirror of
https://github.com/vercel/commerce.git
synced 2025-05-19 16:07:01 +00:00
16 lines
479 B
TypeScript
16 lines
479 B
TypeScript
import { cn } from '@/lib/utils';
|
|
|
|
const dots = 'mx-[1px] inline-block h-1 w-1 animate-blink rounded-md';
|
|
|
|
const LoadingDots = ({ className }: { className: string }) => {
|
|
return (
|
|
<span className="mx-2 inline-flex items-center">
|
|
<span className={cn(dots, className)} />
|
|
<span className={cn(dots, 'animation-delay-[200ms]', className)} />
|
|
<span className={cn(dots, 'animation-delay-[400ms]', className)} />
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default LoadingDots;
|