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

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

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Clock = 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("path", { d: 'M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z', fill: 'currentColor', className: 'opacity-50' }), _jsx("rect", { x: '11', y: '6', rx: '1', width: '2', height: '7', fill: 'currentColor', children: _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '9s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' }) }), _jsx("rect", { x: '11', y: '11', rx: '1', width: '2', height: '9', fill: 'currentColor', className: 'opacity-75', children: _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '0.75s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' }) })] }) }));
};
export default Clock;
//# sourceMappingURL=Clock.js.map