]> git.localhorst.tv Git - alttp.git/blob - resources/js/app/PrivacyDialog.js
try to respond more appropriately
[alttp.git] / resources / js / app / PrivacyDialog.js
1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Button, Modal } from 'react-bootstrap';
4 import { useTranslation } from 'react-i18next';
5
6 const PrivacyDialog = ({
7         onHide,
8         show,
9 }) => {
10         const { t } = useTranslation();
11
12         return <Modal onHide={onHide} show={show}>
13                 <Modal.Header closeButton>
14                         <Modal.Title>
15                                 {t('privacy.heading')}
16                         </Modal.Title>
17                 </Modal.Header>
18                 <Modal.Body>
19                         <p>{t('privacy.p1')}</p>
20                         <p>{t('privacy.p2')}</p>
21                         <p>{t('privacy.p3')}</p>
22                 </Modal.Body>
23                 <Modal.Footer>
24                         <Button onClick={onHide} variant="secondary">
25                                 {t('button.close')}
26                         </Button>
27                 </Modal.Footer>
28         </Modal>;
29 };
30
31 PrivacyDialog.propTypes = {
32         onHide: PropTypes.func,
33         show: PropTypes.bool,
34 };
35
36 export default PrivacyDialog;