45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
/*
|
||
Парус 8 - Панели мониторинга - РО - Редактор настройки регламентированного отчёта
|
||
Панель мониторинга: Компонент вкладки раздела
|
||
*/
|
||
|
||
//---------------------
|
||
//Подключение библиотек
|
||
//---------------------
|
||
|
||
import React from "react"; //Классы React
|
||
import PropTypes from "prop-types"; //Контроль свойств компонента
|
||
import { Box, Typography } from "@mui/material"; //Интерфейсные компоненты
|
||
|
||
//---------------
|
||
//Тело компонента
|
||
//---------------
|
||
|
||
const SectionTabPanel = props => {
|
||
const { children, value, index, ...other } = props;
|
||
|
||
//Генерация содержимого
|
||
return (
|
||
<div role="tabpanel" hidden={value !== index} id={`tabpanel-${index}`} aria-labelledby={`tab-${index}`} {...other}>
|
||
{value === index && (
|
||
<Box p={3}>
|
||
<Typography component="span">{children}</Typography>
|
||
</Box>
|
||
)}
|
||
</div>
|
||
);
|
||
};
|
||
|
||
//Контроль свойств - Вкладка раздела
|
||
SectionTabPanel.propTypes = {
|
||
children: PropTypes.node,
|
||
index: PropTypes.number.isRequired,
|
||
value: PropTypes.number.isRequired
|
||
};
|
||
|
||
//--------------------
|
||
//Интерфейс компонента
|
||
//--------------------
|
||
|
||
export { SectionTabPanel };
|