text: import React from 'react'
  import {Dialog , DialogTitle, DialogContent} from '@material-ui/core'
  import CloseIcon from '@material-ui/icons/Close';
  import './StreamInfo.css'
  function StreamInfo(props) {
      const {children,openPopup, setOpenPopup} = props;
      return (
          <Dialog open={openPopup} maxWidth="sm" className="popup-content" style={{textAlign: 'center'}}>
  
              <DialogTitle style={{display: 'flex',backgroundColor : '#F5F8FA',textAlign:"center"}} className="popup-content">
              <div style={{maxHeight: '10px',textAlign: 'center'}} >
                  <p style={{display: 'flex',flexGrow: "1", color : '#191A22'}}>Your Stream Info</p>
              </div>
              <CloseIcon fontSize="medium" style={{color:'white', marginLeft: '500px',cursor:'pointer', backgroundColor: '#F1181F',borderRadius: '5px'}} onClick={() =>setOpenPopup(false)}/>
              
              </DialogTitle>
  
              <DialogContent dividers style={{backgroundColor : '#F5F8FA'}} >
                  {children}
              </DialogContent>
  
          </Dialog>
      )
  }
  
  export default StreamInfo