@smitch/fluid
Version:
A Next/React ui-component libray.
7 lines (6 loc) • 1.16 kB
JavaScript
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;