mirror of
https://github.com/vercel/commerce.git
synced 2025-05-19 07:56:59 +00:00
16 lines
476 B
TypeScript
16 lines
476 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;
|