mirror of
https://github.com/vercel/commerce.git
synced 2025-05-12 12:47:50 +00:00
16 lines
477 B
TypeScript
16 lines
477 B
TypeScript
import clsx from 'clsx';
|
|
|
|
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={clsx(dots, className)} />
|
|
<span className={clsx(dots, 'animation-delay-[200ms]', className)} />
|
|
<span className={clsx(dots, 'animation-delay-[400ms]', className)} />
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default LoadingDots;
|