import { FC } from "react";
import { IconCubePlus, IconPencilPlus } from "@tabler/icons-react";
import { Flex } from "@mantine/core";
import InlineButton from "@/components/ui/InlineButton/InlineButton";
import useDealProductActions from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/utils/useDealProductActions";
import useProductActions from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/utils/useProductActions";

const ProductsActions: FC = () => {
    const { onCreateClick: onCreateDealProductClick } = useDealProductActions();
    const { onCreateClick: onCreateProductClick } = useProductActions();

    return (
        <Flex
            w={"100%"}
            gap={"sm"}>
            <InlineButton
                fullWidth
                onClick={onCreateProductClick}>
                <IconPencilPlus />
                Создать товар
            </InlineButton>
            <InlineButton
                fullWidth
                onClick={onCreateDealProductClick}>
                <IconCubePlus />
                Добавить товар
            </InlineButton>
        </Flex>
    );
};

export default ProductsActions;
