このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
kikikan/backend/resources/js/component/modal_confirm.jsx
トランギャー 8823e21b19 js->jsx
2021-10-05 14:55:03 +07:00

33 行
953 B
JavaScript

import React, { useEffect, useState } from 'react';
import { makeStyles } from '@material-ui/styles';
const useStyles = makeStyles(theme => ({
show: {
display: 'block',
},
hide: {
display: 'none',
},
}));
export default function ModalConfirm({ show, message, handleClose, handleAccept }){
const classes = useStyles();
return (
<div className={`modal-area modal-01 ${show ? classes.show : classes.hide}`} >
<div className="modal-bg"></div>
<div className="modal-wrap">
<p className="modal-ttl" style={{ whiteSpace: 'pre-wrap' }}>{message}</p>
<ul className="modal-answer">
<li>
<a className="close-modal" onClick={handleClose} >いいえ</a>
</li>
<li>
<a onClick={handleAccept} >はい</a>
</li>
</ul>
</div>
</div>
)
}