33 lines
691 B
React
33 lines
691 B
React
|
import {
|
||
|
|
Button,
|
||
|
|
Modal,
|
||
|
|
ModalBody,
|
||
|
|
ModalCloseButton,
|
||
|
|
ModalContent,
|
||
|
|
ModalFooter,
|
||
|
|
ModalHeader,
|
||
|
|
ModalOverlay,
|
||
|
|
} from "@chakra-ui/react";
|
||
|
|
|
||
|
|
const AmountInvested = ({ isOpen, onClose }) => {
|
||
|
|
return (
|
||
|
|
<Modal isOpen={isOpen} onClose={onClose}>
|
||
|
|
<ModalOverlay />
|
||
|
|
<ModalContent>
|
||
|
|
<ModalHeader>Investment</ModalHeader>
|
||
|
|
<ModalCloseButton />
|
||
|
|
<ModalBody>
|
||
|
|
<p>Amount Invested details go here...</p>
|
||
|
|
</ModalBody>
|
||
|
|
<ModalFooter>
|
||
|
|
<Button colorScheme="blue" mr={3} onClick={onClose}>
|
||
|
|
Close
|
||
|
|
</Button>
|
||
|
|
</ModalFooter>
|
||
|
|
</ModalContent>
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default AmountInvested;
|