import Head from 'next/head' import styles from '../styles/Home.module.css' import Processes from "../components/elements/processes"; import {Tabs, Tab} from '@mui/material'; import {useState} from "react"; import Commands from "../components/elements/commands"; import {Provider as TabProvider} from '../context/tab' export enum TabEnum { Commands, Processes, } export default function Home() { const [tab, setTab] = useState(TabEnum.Processes); const handleChange = (event: any, tab: number) => setTab(tab) return ( <> System monitoring
{tab === TabEnum.Commands && } {tab === TabEnum.Processes && }
) }