verdaccio-ui/src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
2019-10-06 17:17:36 +02:00

24 lines
751 B
TypeScript

import React from 'react';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import { Title, Content } from './styles';
import { Props } from './types';
import Button from '../../muiComponents/Button';
const LABEL = 'CLOSE';
const RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose }) => (
<Dialog id="registryInfo--dialog-container" onClose={onClose} open={open}>
<Title disableTypography={true}>{'Register Info'}</Title>
<Content>{children}</Content>
<DialogActions>
<Button color="inherit" id="registryInfo--dialog-close" onClick={onClose}>
{LABEL}
</Button>
</DialogActions>
</Dialog>
);
export default RegistryInfoDialog;