import React from 'react';

export default function VideoModal({ handleOnClose,video }) {

    return (
        <>
        <div class="modal-backdrop fade show"></div>
        <div className="modal" tabIndex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style={{ display: 'block' }}>
            <div className="modal-dialog">
                <div className="modal-content">
                    <div className="modal-header">
                        <h5 className="modal-title" id="exampleModalLabel">About Me</h5>
                        <button type="button" className="btn-close" aria-label="Close" onClick={handleOnClose}></button>
                    </div>
                    <div className="modal-body">
                        <video width="100%" controls>
                            <source src={video} />
                        </video>
                    </div>
                </div>
            </div>
        </div>
        </>
    );
}