lole-ui
Version:
React UI Component which like a love letter
34 lines (33 loc) • 1.6 kB
JavaScript
import React, { memo } from 'react';
import Loader from '../Loader';
var LineScale = memo(function (_a) {
var text = _a.text, style = _a.style, color = _a.color, textColor = _a.textColor, _b = _a.size, size = _b === void 0 ? 4 : _b, visible = _a.visible;
return (React.createElement(Loader, { text: text, style: style, visible: visible, textColor: textColor },
React.createElement("div", { className: "line-scale" },
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size * 9, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size * 9, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size * 9, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size * 9, "px"),
} }),
React.createElement("div", { style: {
backgroundColor: color,
width: "".concat(size, "px"),
height: "".concat(size * 9, "px"),
} }))));
});
export default LineScale;