lole-ui
Version:
React UI Component which like a love letter
49 lines (48 loc) • 2.31 kB
JavaScript
import React, { memo } from 'react';
import Loader from '../Loader';
var BallSpinFadeLoader = memo(function (_a) {
var text = _a.text, style = _a.style, color = _a.color, size = _a.size, textColor = _a.textColor, textOffset = _a.textOffset, visible = _a.visible;
return (React.createElement(Loader, { text: text, style: style, visible: visible, textOffset: textOffset, textColor: textColor },
React.createElement("div", { className: "ball-spin-fade-loader-spin" },
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size, "px"),
} }))));
});
export default BallSpinFadeLoader;