@smitch/fluid/lib/loading/spinners/Dots.js

A lightweight, Tailwind-powered React/Next.js UI component library.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Dots = function (_a) {
    var width = _a.width;
    return (_jsx("div", { className: "spinner", children: _jsxs("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: [_jsx("circle", { cx: '4', cy: '12', r: '3', fill: 'currentColor', className: 'opacity-50', children: _jsx("animate", { id: 'spinner_qFRN', begin: '0;spinner_OcgL.end+0.25s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) }), _jsx("circle", { cx: '12', cy: '12', r: '3', fill: 'currentColor', className: 'opacity-75', children: _jsx("animate", { begin: 'spinner_qFRN.begin+0.1s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) }), _jsx("circle", { cx: '20', cy: '12', r: '3', fill: 'currentColor', children: _jsx("animate", { id: 'spinner_OcgL', begin: 'spinner_qFRN.begin+0.2s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) })] }) }));
};
export default Dots;
//# sourceMappingURL=Dots.js.map