import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "../components/Icon.js";
export function LoadingIcon({ alt = 'Loading', ...props }) {
    return (_jsx(Icon, { src: _jsxs("svg", { viewBox: "0 0 32 32", fill: "currentcolor", className: `
            u:*:animate
            u:*:origin-center
            u:*:animate-scale-from-80
            u:*:animate-scale-to-120
            u:*:animate-opacity-from-50
            u:*:animate-opacity-to-100
            u:*:animate-alternate
            u:*:animate-duration-600
            u:*:animate-ease-in
            u:*:animate-infinite
            u:*:transform-fill
          `, children: [_jsx("path", { d: "M2.667,16L6.667,12L10.667,16L6.667,20L2.667,16Z", className: "animate-delay-[-400ms]" }), _jsx("path", { d: "M12,16L16,12L20,16L16,20L12,16Z", className: "animate-delay-[-200ms]" }), _jsx("path", { d: "M21.333,16L25.333,12L29.333,16L25.333,20L21.333,16Z" })] }), alt: alt, "data-name": "Loading", ...props }));
}
//# sourceMappingURL=LoadingIcon.js.map