import SystemStatusChart from "../../Charts/SystemStatusChart";
import TreeTable from "../UI/TreeTable";

import FlowChart from "../TreeChart/FlowChart";

const TabContent = ({ activeTab, statusHistories, treeData1, tabContent, handleOpenTab }) => {
    if (activeTab === "Главная") {
        return (
            <div>
                <h2>Общий мониторинг состояния системы</h2>
                <div>
                    <div style={{ display: 'inline-block', width: '48%', marginRight: '2%' }}>
                        <label>Надежность системы</label>
                        <SystemStatusChart data={statusHistories.history1} />
                    </div>
                    <div style={{ display: 'inline-block', width: '48%' }}>
                        <label>Функциональность системы</label>
                        <SystemStatusChart data={statusHistories.history2} />
                    </div>
                </div>
                <label>Статус компонентов системы</label>
                <TreeTable data={treeData1} />
            </div>
        );
    } else if (activeTab === "Визуализация") {
        return <FlowChart data={treeData1} onNodeClick={(id, title) => handleOpenTab(id, title)} />;
    } else {
        const tabData = tabContent[activeTab];
        return tabData ? tabData.content : <p>Нет данных</p>;
    }
};

export default TabContent;