DeleteUserModal.js

import React, { Component } from "react";
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';

class DeleteUserModal extends Component {
    render() {
        return (
            <div className="modal show" id="UserManagementPageDeleteComponent" style={{ display: 'block', position: 'initial' }}>
                <div>
                    <Modal.Dialog>
                        <Modal.Header closeButton>
                            <Modal.Title>User ... löschen?</Modal.Title>
                        </Modal.Header>

                        <Modal.Body style={{ textAlign: 'left' }}>
                            <p>Soll User ... gelöscht werden?</p>
                        </Modal.Body>

                        <Modal.Footer>
                            <Button variant="secondary" id="DeleteDialogCancelButton">Cancel</Button>
                            <Button variant="primary" id="DeleteDialogConfirmButton">Delete</Button>
                        </Modal.Footer>
                    </Modal.Dialog>
                </div >
            </div >
        )
    }
}
export default DeleteUserModal;