import { AppContext } from "@/src/pages/_app";
import Stack from "@/twui/components/layout/Stack";
import { useContext } from "react";
import RelayShellView from "../(partials)/shell-view";

export default function RelayShellViewsSection() {
    const { pageProps } = useContext(AppContext);
    const { user } = pageProps;

    return (
        <Stack className="w-full nested-grid-frame xl:grid-cols-2">
            <Stack className="grid-cell w-full">
                <RelayShellView paradigm="shell" />
            </Stack>
            {user.super_admin ? (
                <Stack className="grid-cell w-full">
                    <RelayShellView paradigm="pm2-logs" />
                </Stack>
            ) : null}
        </Stack>
    );
}
