21 lines
594 B
TypeScript
21 lines
594 B
TypeScript
import ReactModal from 'react-modal'
|
|
|
|
import { MarkDetail } from '../components/MarkDetal'
|
|
|
|
|
|
export const MarkModal = ({ isOpen, onRequestClose, markData }: { isOpen: boolean; onRequestClose: () => void; markData: any }) => {
|
|
return (
|
|
<ReactModal
|
|
isOpen={isOpen}
|
|
onRequestClose={onRequestClose}
|
|
contentLabel="Mark Detail Modal"
|
|
className="mark-modal"
|
|
overlayClassName="mark-modal-overlay"
|
|
>
|
|
<button className="mark-modal-close" onClick={onRequestClose}>
|
|
×
|
|
</button>
|
|
<MarkDetail data={markData} />
|
|
</ReactModal>
|
|
);
|
|
} |