respond-framework
Version:
create as fast you think
47 lines (46 loc) • 1.18 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = require("react");
var _reactNative = require("react-native");
var _reactNativeSvg = require("react-native-svg");
var _useInfiniteSpin = require("../hooks/useInfiniteSpin.js");
var _styles = require("../styles.js");
const LoadingSpinner = ({
color = _styles.colors.white,
style
}) => {
const rotate = (0, _useInfiniteSpin.default)();
const transform = [{
rotate
}];
const styles = [s.c, {
transform
}, style];
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
style: styles
}, /*#__PURE__*/React.createElement(_reactNativeSvg.default, {
viewBox: "0 0 32 32"
}, /*#__PURE__*/React.createElement(_reactNativeSvg.Circle, {
cx: 16,
cy: 16,
r: 11,
stroke: color,
fill: "none",
strokeWidth: 8,
strokeDasharray: Math.PI * 1 * (11 - 10),
strokeLinecap: "butt"
})));
};
var _default = exports.default = LoadingSpinner;
const s = _reactNative.StyleSheet.create({
c: {
width: 35,
height: 35,
justifyContent: 'center',
alignItems: 'center',
zIndex: 100
}
});