{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, Modal, VStack, HStack, Text, Radio, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { useState } from 'react';\nexport var Example = function Example() {\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n showModal = _useState2[0],\n setShowModal = _useState2[1];\n\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n showModal2 = _useState4[0],\n setShowModal2 = _useState4[1];\n\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n showModal3 = _useState6[0],\n setShowModal3 = _useState6[1];\n\n return React.createElement(Center, null, React.createElement(Button, {\n onPress: function onPress() {\n return setShowModal(true);\n }\n }, \"Button\"), React.createElement(Modal, {\n isOpen: showModal,\n onClose: function onClose() {\n return setShowModal(false);\n },\n size: \"lg\"\n }, React.createElement(Modal.Content, {\n maxWidth: \"350\"\n }, React.createElement(Modal.CloseButton, null), React.createElement(Modal.Header, null, \"Order\"), React.createElement(Modal.Body, null, React.createElement(VStack, {\n space: 3\n }, React.createElement(HStack, {\n alignItems: \"center\",\n justifyContent: \"space-between\"\n }, React.createElement(Text, {\n fontWeight: \"medium\"\n }, \"Sub Total\"), React.createElement(Text, {\n color: \"blueGray.400\"\n }, \"$298.77\")), React.createElement(HStack, {\n alignItems: \"center\",\n justifyContent: \"space-between\"\n }, React.createElement(Text, {\n fontWeight: \"medium\"\n }, \"Tax\"), React.createElement(Text, {\n color: \"blueGray.400\"\n }, \"$38.84\")), React.createElement(HStack, {\n alignItems: \"center\",\n justifyContent: \"space-between\"\n }, React.createElement(Text, {\n fontWeight: \"medium\"\n }, \"Total Amount\"), React.createElement(Text, {\n color: \"green.500\"\n }, \"$337.61\")))), React.createElement(Modal.Footer, null, React.createElement(Button, {\n flex: \"1\",\n onPress: function onPress() {\n setShowModal2(true);\n }\n }, \"Continue\")))), React.createElement(Modal, {\n isOpen: showModal2,\n onClose: function onClose() {\n return setShowModal2(false);\n },\n size: \"lg\"\n }, React.createElement(Modal.Content, {\n maxWidth: \"350\"\n }, React.createElement(Modal.CloseButton, null), React.createElement(Modal.Header, null, \"Select Address\"), React.createElement(Modal.Body, null, React.createElement(Radio.Group, {\n defaultValue: \"address1\",\n name: \"address\",\n size: \"sm\"\n }, React.createElement(VStack, {\n space: 3\n }, React.createElement(Radio, {\n alignItems: \"flex-start\",\n _text: {\n mt: '-1',\n ml: '2',\n fontSize: 'sm'\n },\n value: \"address1\"\n }, \"4140 Parker Rd. Allentown, New Mexico 31134\"), React.createElement(Radio, {\n alignItems: \"flex-start\",\n _text: {\n mt: '-1',\n ml: '2',\n fontSize: 'sm'\n },\n value: \"address2\"\n }, \"6391 Elign St. Celina, Delaware 10299\")))), React.createElement(Modal.Footer, null, React.createElement(Button, {\n flex: \"1\",\n onPress: function onPress() {\n setShowModal3(true);\n }\n }, \"Continue\")))), React.createElement(Modal, {\n isOpen: showModal3,\n size: \"lg\",\n onClose: function onClose() {\n return setShowModal3(false);\n }\n }, React.createElement(Modal.Content, {\n maxWidth: \"350\"\n }, React.createElement(Modal.CloseButton, null), React.createElement(Modal.Header, null, \"Payment Options\"), React.createElement(Modal.Body, null, React.createElement(Radio.Group, {\n name: \"payment\",\n size: \"sm\"\n }, React.createElement(VStack, {\n space: 3\n }, React.createElement(Radio, {\n alignItems: \"flex-start\",\n _text: {\n mt: '-1',\n ml: '2',\n fontSize: 'sm'\n },\n value: \"payment1\"\n }, \"Cash on delivery\"), React.createElement(Radio, {\n alignItems: \"flex-start\",\n _text: {\n mt: '-1',\n ml: '2',\n fontSize: 'sm'\n },\n value: \"payment2\"\n }, \"Credit/ Debit/ ATM Card\"), React.createElement(Radio, {\n alignItems: \"flex-start\",\n _text: {\n mt: '-1',\n ml: '2',\n fontSize: 'sm'\n },\n value: \"payment3\"\n }, \"UPI\")))), React.createElement(Modal.Footer, null, React.createElement(Button, {\n flex: \"1\",\n onPress: function onPress() {\n setShowModal(false);\n setShowModal2(false);\n setShowModal3(false);\n }\n }, \"Checkout\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Modal/MultipleModal.tsx"],"names":["React","Button","Modal","VStack","HStack","Text","Radio","Center","useState","Example","showModal","setShowModal","showModal2","setShowModal2","showModal3","setShowModal3","mt","ml","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Button,\n Modal,\n VStack,\n HStack,\n Text,\n Radio,\n Center,\n} from 'native-base';\nimport { useState } from 'react';\n\nexport const Example = () => {\n const [showModal, setShowModal] = useState(false);\n const [showModal2, setShowModal2] = useState(false);\n const [showModal3, setShowModal3] = useState(false);\n\n return (\n
\n \n setShowModal(false)} size=\"lg\">\n \n \n Order\n \n \n \n Sub Total\n $298.77\n \n \n Tax\n $38.84\n \n \n Total Amount\n $337.61\n \n \n \n \n {\n setShowModal2(true);\n }}\n >\n Continue\n \n \n \n \n\n setShowModal2(false)} size=\"lg\">\n \n \n Select Address\n \n \n \n \n 4140 Parker Rd. Allentown, New Mexico 31134\n \n \n 6391 Elign St. Celina, Delaware 10299\n \n \n \n \n \n {\n setShowModal3(true);\n }}\n >\n Continue\n \n \n \n \n\n setShowModal3(false)}>\n \n \n Payment Options\n \n \n \n \n Cash on delivery\n \n \n Credit/ Debit/ ATM Card\n \n \n UPI\n \n \n \n \n \n {\n setShowModal(false);\n setShowModal2(false);\n setShowModal3(false);\n }}\n >\n Checkout\n \n \n \n \n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}