import { Flex, Stack } from "@mantine/core";
import ProductsActions from "@/modules/dealModularEditorTabs/FulfillmentBase/desktop/components/DealInfoView/components/ProductsActions/ProductsActions";
import TotalPriceLabel from "@/modules/dealModularEditorTabs/FulfillmentBase/desktop/components/DealInfoView/components/TotalPriceLabel/TotalPriceLabel";
import DealServicesTable from "@/modules/dealModularEditorTabs/FulfillmentBase/desktop/components/DealServicesTable/DealServicesTable";
import styles from "@/modules/dealModularEditorTabs/FulfillmentBase/FulfillmentBase.module.css";

const DealInfoView = () => (
    <Stack
        flex={2}
        gap={"sm"}>
        <Flex
            gap={"sm"}
            direction={"column"}
            className={styles.container}>
            <DealServicesTable />
            <ProductsActions />
        </Flex>
        <TotalPriceLabel />
    </Stack>
);

export default DealInfoView;
