import { jsx as _jsx } from "react/jsx-runtime";
import { useEffect, useState } from "react";
export const DotsLoader = () => {
    const [dots, setDots] = useState(0);
    useEffect(() => {
        const id = setInterval(() => {
            setDots((dots) => (dots === 3 ? 0 : dots + 1));
        }, 200);
        return () => {
            clearInterval(id);
        };
    }, []);
    return _jsx("span", { children: new Array(dots).fill(".").join("") });
};
//# sourceMappingURL=dots-loader.js.map