import { IconBarcode, IconTextPlus } from "@tabler/icons-react";
import { Flex, Tooltip } from "@mantine/core";
import InlineButton from "@/components/ui/InlineButton/InlineButton";
import useBarcodePrintActions from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/utils/useBarcodePrintActions";
import useServiceActions from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/utils/useServiceActions";

const ServicesActions = () => {
    const { onCreateClick, onAddKitClick } = useServiceActions();
    const { onPrintDealBarcodesClick } = useBarcodePrintActions();

    return (
        <Flex
            gap={"sm"}
            mt={"auto"}>
            <Tooltip label={"Добавить услугу в сделку"}>
                <InlineButton
                    onClick={onCreateClick}
                    fullWidth>
                    <IconTextPlus />
                    Услуга
                </InlineButton>
            </Tooltip>
            <Tooltip label={"Добавить набор услуг в сделку"}>
                <InlineButton
                    onClick={onAddKitClick}
                    fullWidth>
                    <IconTextPlus />
                    Набор
                </InlineButton>
            </Tooltip>
            <Tooltip label={"Печать всех штрихкодов сделки"}>
                <InlineButton
                    fullWidth
                    onClick={onPrintDealBarcodesClick}>
                    <IconBarcode />
                    Печать
                </InlineButton>
            </Tooltip>
        </Flex>
    );
};

export default ServicesActions;
