@smitch/fluid
Version:
A Next/React ui-component libray.
7 lines (6 loc) • 1.27 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var SpinDots = function (_a) {
var width = _a.width;
return (_jsx("div", { className: "spinner", children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: _jsxs("g", { children: [_jsx("circle", { cx: '3', cy: '12', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '21', cy: '12', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '12', cy: '21', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '12', cy: '3', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '5.64', cy: '5.64', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '18.36', cy: '18.36', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '5.64', cy: '18.36', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '18.36', cy: '5.64', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '2.5s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' })] }) }) }));
};
export default SpinDots;