import { Box , Dialog , Grid } from '@material-ui/core' ; import { ReactElement } from 'react' ; interface Props { children : ReactElement | ReactElement [ ] ; } export function SwarmDialog ( { children } ) { return ( < Dialog open = { true } PaperProps = { { style : { borderRadius : 0 , background : '#efefef' } , } } > < Box p = { 4 } sx = { { maxWidth : '100%' , width : '650px' } } > < Grid container direction = "column" > { children } < /Grid> < /Box> < /Dialog>); }