You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
778 B
TypeScript
29 lines
778 B
TypeScript
import * as React from 'react';
|
|
import '@fontsource/roboto/300.css';
|
|
import '@fontsource/roboto/400.css';
|
|
import '@fontsource/roboto/500.css';
|
|
import '@fontsource/roboto/700.css';
|
|
|
|
import { Button, Dialog, DialogContent, DialogContentText, DialogActions } from '@mui/material';
|
|
import Markdown from './markdown';
|
|
|
|
function Message({ isOpen, content, close }) {
|
|
|
|
return (
|
|
<Dialog open={isOpen} onClose={close}>
|
|
<DialogContent>
|
|
<DialogContentText id="alert-dialog-description">
|
|
<Markdown>{content}</Markdown>
|
|
</DialogContentText>
|
|
</DialogContent>
|
|
<DialogActions>
|
|
<Button onClick={close} autoFocus={true} disableFocusRipple>
|
|
Ok
|
|
</Button>
|
|
</DialogActions>
|
|
</Dialog>
|
|
)
|
|
}
|
|
|
|
export default Message
|