import React from "react" ; import { Dialog , DialogContent , DialogTitle } from "@material-ui/core" ; export function SharedDialogWrapper ( props ) { return ( < Dialog open = { props . open } onClose = { props . handleClose } aria - labelledby = "alert-dialog-title" aria - describedby = "alert-dialog-description" > < DialogTitle id = "alert-dialog-title" > { props . title } < /DialogTitle> < DialogContent > < div style = { { width : "400px" , maxWidth : "100%" } } > < p style = { { fontFamily : "sans-serif" , margin : "0" , fontSize : "0.9em" , marginBottom : "10px" , marginTop : "-7px" , color : "#555" , } } > { props . subTitle } < /p> { props . children } < /div> < /DialogContent> < /Dialog>); }