Luncher/client/src/components/modals/ConfirmModal.tsx

import { Modal, Button } from "react-bootstrap";

type Props = {
    isOpen: boolean;
    title: string;
    message: string;
    confirmLabel?: string;
    confirmVariant?: string;
    onConfirm: () => void;
    onClose: () => void;
};

export default function ConfirmModal({ isOpen, title, message, confirmLabel = "Potvrdit", confirmVariant = "primary", onConfirm, onClose }: Readonly<Props>) {
    return (
        <Modal show={isOpen} onHide={onClose}>
            <Modal.Header closeButton>
                <Modal.Title>{title}</Modal.Title>
            </Modal.Header>
            <Modal.Body>{message}</Modal.Body>
            <Modal.Footer>
                <Button variant="secondary" onClick={onClose}>Zrušit</Button>
                <Button variant={confirmVariant} onClick={onConfirm}>{confirmLabel}</Button>
            </Modal.Footer>
        </Modal>
    );
}