import { Divider } from "@mantine/core";
import Boards from "@/app/deals/components/Boards/Boards";
import Header from "@/app/deals/components/Header/Header";
import StatusColumns from "@/app/deals/components/StatusColumns/StatusColumns";
import { BoardsContextProvider } from "@/app/deals/contexts/BoardsContext";
import { ProjectsContextProvider } from "@/app/deals/contexts/ProjectsContext";
import { StatusesContextProvider } from "@/app/deals/contexts/StatusesContext";
import PageBlock from "@/components/layout/PageBlock/PageBlock";
import PageContainer from "@/components/layout/PageContainer/PageContainer";

export default function DealsPage() {
    return (
        <PageContainer>
            <PageBlock>
                <ProjectsContextProvider>
                    <BoardsContextProvider>
                        <Header />
                        <Boards />
                        <Divider my={"xl"} />
                        <StatusesContextProvider>
                            <StatusColumns />
                        </StatusesContextProvider>
                    </BoardsContextProvider>
                </ProjectsContextProvider>
            </PageBlock>
        </PageContainer>
    );
}