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.
24 lines
757 B
TypeScript
24 lines
757 B
TypeScript
/**
|
|
* @fileOverview
|
|
*/
|
|
import * as React from 'react'
|
|
import { Typography } from '@mui/material'
|
|
import Markdown from '../markdown'
|
|
|
|
/** Pop-up that is displaying the Game Info.
|
|
*
|
|
* `handleClose` is the function to close it again because it's open/closed state is
|
|
* controlled by the containing element.
|
|
*/
|
|
export function InfoPopup ({info, handleClose}: {info: string, handleClose: () => void}) {
|
|
return <div className="modal-wrapper">
|
|
<div className="modal-backdrop" onClick={handleClose} />
|
|
<div className="modal">
|
|
<div className="codicon codicon-close modal-close" onClick={handleClose}></div>
|
|
<Typography variant="body1" component="div" className="welcome-text">
|
|
<Markdown>{info}</Markdown>
|
|
</Typography>
|
|
</div>
|
|
</div>
|
|
}
|