"use client";

import AttributesHeader from "@/app/attributes/components/AttributesHeader";
import AttributesTable from "@/app/attributes/components/AttributesTable";
import PageBlock from "@/components/layout/PageBlock/PageBlock";

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

export default PageBody;
