import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "@vertesia/ui/core";
export function JumpingDots({ className, inline = false }) {
    return (_jsxs("div", { className: cn("flex items-center gap-1", inline ? "inline-flex" : "", className), children: [_jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } }), _jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_0.3s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } }), _jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-[jumping_1s_0.6s_infinite_ease-in-out] hover:bg-blue-600", style: { transform: 'translateY(0)', animationRange: '0px -8px' } })] }));
}
//# sourceMappingURL=JumpingDots.js.map