34 lines
779 B
TypeScript
34 lines
779 B
TypeScript
import React from 'react';
|
|
import { Container, Dialog, IconButton } from '@mui/material';
|
|
import { FiX } from 'react-icons/fi';
|
|
|
|
export default function NewConversationDialog({
|
|
open,
|
|
handleClose,
|
|
}: {
|
|
open: boolean;
|
|
handleClose: () => void;
|
|
}) {
|
|
return (
|
|
<Dialog fullScreen open={open} onClose={handleClose}>
|
|
<Container
|
|
maxWidth={false}
|
|
sx={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
gap: 2,
|
|
flex: 1,
|
|
background: 'white',
|
|
position: 'relative',
|
|
}}
|
|
>
|
|
<IconButton sx={{ position: 'absolute', top: 10, right: 10 }}>
|
|
<FiX />
|
|
</IconButton>
|
|
</Container>
|
|
</Dialog>
|
|
);
|
|
}
|