/*
    Парус 8 - Панели мониторинга - Циклограмма
    Компонент: Фон строк таблицы
*/

//---------------------
//Подключение библиотек
//---------------------

import React from "react"; //Классы React
import PropTypes from "prop-types"; //Контроль свойств компонента
import { Box } from "@mui/material"; //Интерфейсные компоненты
import { P8P_BOX_CYCLOGRAM_ROW } from "../../theme/styles/box"; //Стили контейнеров
import { NDEFAULT_HEADER_HEIGHT } from "./p8p_cyclogram_constants"; //Константы циклограммы

//-----------
//Тело модуля
//-----------

//Фон строк таблицы
const P8PCyclogramRowsGrid = ({ rows, maxWidth, lineHeight }) => {
    return (
        <g>
            {rows.map((el, index) => (
                <foreignObject x="0" y={NDEFAULT_HEADER_HEIGHT + index * lineHeight} width={maxWidth} height={lineHeight} key={index}>
                    <Box sx={P8P_BOX_CYCLOGRAM_ROW({ index })} height={lineHeight} />
                </foreignObject>
            ))}
        </g>
    );
};

//Контроль свойств - Фон строк таблицы
P8PCyclogramRowsGrid.propTypes = {
    rows: PropTypes.array.isRequired,
    maxWidth: PropTypes.number.isRequired,
    lineHeight: PropTypes.number.isRequired
};

//----------------
//Интерфейс модуля
//----------------

export { P8PCyclogramRowsGrid };