ContentModal.jsx 504 B

1234567891011121314151617181920212223
  1. import React from 'react';
  2. import { Modal } from '@douyinfe/semi-ui';
  3. const ContentModal = ({
  4. isModalOpen,
  5. setIsModalOpen,
  6. modalContent,
  7. }) => {
  8. return (
  9. <Modal
  10. visible={isModalOpen}
  11. onOk={() => setIsModalOpen(false)}
  12. onCancel={() => setIsModalOpen(false)}
  13. closable={null}
  14. bodyStyle={{ height: '400px', overflow: 'auto' }}
  15. width={800}
  16. >
  17. <p style={{ whiteSpace: 'pre-line' }}>{modalContent}</p>
  18. </Modal>
  19. );
  20. };
  21. export default ContentModal;