kitchen-simulator
Version:
It is a kitchen simulator (self-contained micro-frontend).
36 lines • 970 B
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import { List } from 'immutable';
export default function GridHorizontalStreak(_ref) {
var width = _ref.width,
height = _ref.height,
grid = _ref.grid;
var step = grid.properties.get('step');
var colors;
if (grid.properties.has('color')) {
colors = new List([grid.properties.get('color')]);
} else {
colors = grid.properties.get('colors');
}
var rendered = [];
var i = 0;
for (var y = 0; y <= height; y += step) {
var color = colors.get(i % colors.size);
i++;
rendered.push(/*#__PURE__*/React.createElement("line", {
key: y,
x1: "0",
y1: y,
x2: width,
y2: y,
strokeWidth: "1",
stroke: color
}));
}
return /*#__PURE__*/React.createElement("g", null, rendered);
}
GridHorizontalStreak.propTypes = {
width: PropTypes.number.isRequired,
height: PropTypes.number.isRequired,
grid: PropTypes.object.isRequired
};