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}>
        &times;
      </button>
      <MarkDetail data={markData} />
    </ReactModal>
  );
}