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