import { Button, ButtonProps } from "@gouvfr-lasuite/cunningham-react";
import { Icon } from "@gouvfr-lasuite/ui-kit";
import { useTranslation } from "react-i18next";
import { useModal } from "@gouvfr-lasuite/cunningham-react";
import { Mailbox } from "@/features/api/gen";
import { ModalComposeIntegration } from "../modal-compose-integration";

type CreateIntegrationActionProps = {
    mailbox: Mailbox;
    size?: ButtonProps["size"];
};

export const CreateIntegrationAction = ({ mailbox, size }: CreateIntegrationActionProps) => {
    const { t } = useTranslation();
    const modal = useModal();

    return (
        <>
            <Button
                size={size}
                onClick={() => modal.open()}
                icon={<Icon name="add" />}
            >
                {t("New integration")}
            </Button>
            <ModalComposeIntegration
                isOpen={modal.isOpen}
                onClose={() => modal.close()}
                mailbox={mailbox}
            />
        </>
    );
};
