"use client";

import ModulesTable from "@/app/modules/components/ModulesTable";
import PageBlock from "@/components/layout/PageBlock/PageBlock";
import ModulesHeader from "./ModulesHeader";

const PageBody = () => (
    <PageBlock
        style={{ flex: 1, minHeight: 0 }}
        fullScreenMobile>
        <div
            style={{
                height: "100%",
                display: "flex",
                flexDirection: "column",
                gap: "var(--mantine-spacing-md)",
            }}>
            <ModulesHeader />
            <div style={{ flex: 1, overflow: "auto" }}>
                <ModulesTable />
            </div>
        </div>
    </PageBlock>
);

export default PageBody;
