-
Notifications
You must be signed in to change notification settings - Fork 0
/
BackThisProjectModal.jsx
55 lines (49 loc) · 1.75 KB
/
BackThisProjectModal.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import React from 'react';
import {
Modal,
ModalOverlay,
ModalContent,
ModalHeader,
ModalFooter,
ModalBody,
ModalCloseButton,
Button,
useDisclosure
} from "@chakra-ui/react"
import RadioButton from './RadioButton';
function BackThisProjectModal({ disableButton, buttonVariant,buttonColor, buttonbg, buttonText, buttonSize, buttonColorScheme, buttonLeftIcon, paddingLeft, paddingRight, bookmarkState }) {
const { isOpen, onOpen, onClose } = useDisclosure()
return (
<>
{/* <Button onClick={onOpen}>Open Modal</Button> */}
<Button
leftIcon={buttonLeftIcon}
size={buttonSize}
bg={buttonbg}
color={buttonColor}
colorScheme={buttonColorScheme}
borderRadius='48'
pl={paddingLeft}
pr={paddingRight}
onClick={bookmarkState}
variant={buttonVariant}
isDisabled={disableButton}
onClick={onOpen}
>
{buttonText}
</Button>
<Modal isOpen={isOpen} onClose={onClose} size='3xl' maxW={{base: '90vw', sm: '80vw', lg: '50vw', xl: '40vw'}}>
<ModalOverlay />
<ModalContent>
<ModalHeader mt='8'>Back This Project</ModalHeader>
<ModalCloseButton />
<ModalBody>
Want to support us in bringing Mastercraft Bamboo Monitor rise out in the world?
<RadioButton />
</ModalBody>
</ModalContent>
</Modal>
</>
)
}
export default BackThisProjectModal