{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Alert, Collapse, Button, VStack, HStack, IconButton, CloseIcon, Box, Text } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  var _React$useState = React.useState(true),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      show = _React$useState2[0],\n      setShow = _React$useState2[1];\n\n  return _jsxs(Box, {\n    w: \"100%\",\n    alignItems: \"center\",\n    children: [_jsx(Collapse, {\n      isOpen: show,\n      children: _jsx(Alert, {\n        w: \"90%\",\n        maxW: \"400\",\n        status: \"error\",\n        children: _jsxs(VStack, {\n          space: 1,\n          flexShrink: 1,\n          w: \"100%\",\n          children: [_jsxs(HStack, {\n            flexShrink: 1,\n            space: 2,\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            children: [_jsxs(HStack, {\n              flexShrink: 1,\n              space: 2,\n              alignItems: \"center\",\n              children: [_jsx(Alert.Icon, {}), _jsx(Text, {\n                fontSize: \"md\",\n                fontWeight: \"medium\",\n                _dark: {\n                  color: 'coolGray.800'\n                },\n                children: \"Please try again later!\"\n              })]\n            }), _jsx(IconButton, {\n              variant: \"unstyled\",\n              _focus: {\n                borderWidth: 0\n              },\n              icon: _jsx(CloseIcon, {\n                size: \"3\"\n              }),\n              _icon: {\n                color: 'coolGray.600'\n              },\n              onPress: function onPress() {\n                return setShow(false);\n              }\n            })]\n          }), _jsx(Box, {\n            pl: \"6\",\n            _dark: {\n              _text: {\n                color: 'coolGray.600'\n              }\n            },\n            children: \"Your coupon could not be processed at this time.\"\n          })]\n        })\n      })\n    }), _jsx(Button, {\n      size: 'sm',\n      onPress: function onPress() {\n        return setShow(true);\n      },\n      mt: 8,\n      mx: \"auto\",\n      children: \"Re-Open\"\n    })]\n  });\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/action.tsx"],"names":["React","Alert","Collapse","Button","VStack","HStack","IconButton","CloseIcon","Box","Text","Example","useState","show","setShow","color","borderWidth","_text"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,QAFF,EAGEC,MAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,UANF,EAOEC,SAPF,EAQEC,GARF,EASEC,IATF;;;AAYA,OAAO,SAASC,OAAT,GAAmB;AAAA,wBACAV,KAAK,CAACW,QAAN,CAAe,IAAf,CADA;AAAA;AAAA,MACjBC,IADiB;AAAA,MACXC,OADW;;AAExB,SACE,MAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,UAAU,EAAC,QAAzB;AAAA,eACE,KAAC,QAAD;AAAU,MAAA,MAAM,EAAED,IAAlB;AAAA,gBACE,KAAC,KAAD;AAAO,QAAA,CAAC,EAAC,KAAT;AAAe,QAAA,IAAI,EAAC,KAApB;AAA0B,QAAA,MAAM,EAAC,OAAjC;AAAA,kBACE,MAAC,MAAD;AAAQ,UAAA,KAAK,EAAE,CAAf;AAAkB,UAAA,UAAU,EAAE,CAA9B;AAAiC,UAAA,CAAC,EAAC,MAAnC;AAAA,qBACE,MAAC,MAAD;AACE,YAAA,UAAU,EAAE,CADd;AAEE,YAAA,KAAK,EAAE,CAFT;AAGE,YAAA,UAAU,EAAC,QAHb;AAIE,YAAA,cAAc,EAAC,eAJjB;AAAA,uBAME,MAAC,MAAD;AAAQ,cAAA,UAAU,EAAE,CAApB;AAAuB,cAAA,KAAK,EAAE,CAA9B;AAAiC,cAAA,UAAU,EAAC,QAA5C;AAAA,yBACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,IAAD;AACE,gBAAA,QAAQ,EAAC,IADX;AAEE,gBAAA,UAAU,EAAC,QAFb;AAGE,gBAAA,KAAK,EAAE;AAAEE,kBAAAA,KAAK,EAAE;AAAT,iBAHT;AAAA;AAAA,gBAFF;AAAA,cANF,EAgBE,KAAC,UAAD;AACE,cAAA,OAAO,EAAC,UADV;AAEE,cAAA,MAAM,EAAE;AAAEC,gBAAAA,WAAW,EAAE;AAAf,eAFV;AAGE,cAAA,IAAI,EAAE,KAAC,SAAD;AAAW,gBAAA,IAAI,EAAC;AAAhB,gBAHR;AAIE,cAAA,KAAK,EAAE;AAAED,gBAAAA,KAAK,EAAE;AAAT,eAJT;AAKE,cAAA,OAAO,EAAE;AAAA,uBAAMD,OAAO,CAAC,KAAD,CAAb;AAAA;AALX,cAhBF;AAAA,YADF,EAyBE,KAAC,GAAD;AAAK,YAAA,EAAE,EAAC,GAAR;AAAY,YAAA,KAAK,EAAE;AAAEG,cAAAA,KAAK,EAAE;AAAEF,gBAAAA,KAAK,EAAE;AAAT;AAAT,aAAnB;AAAA;AAAA,YAzBF;AAAA;AADF;AADF,MADF,EAkCE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAE,IAAd;AAAoB,MAAA,OAAO,EAAE;AAAA,eAAMD,OAAO,CAAC,IAAD,CAAb;AAAA,OAA7B;AAAkD,MAAA,EAAE,EAAE,CAAtD;AAAyD,MAAA,EAAE,EAAC,MAA5D;AAAA;AAAA,MAlCF;AAAA,IADF;AAwCD","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Collapse,\n  Button,\n  VStack,\n  HStack,\n  IconButton,\n  CloseIcon,\n  Box,\n  Text,\n} from 'native-base';\n\nexport function Example() {\n  const [show, setShow] = React.useState(true);\n  return (\n    <Box w=\"100%\" alignItems=\"center\">\n      <Collapse isOpen={show}>\n        <Alert w=\"90%\" maxW=\"400\" status=\"error\">\n          <VStack space={1} flexShrink={1} w=\"100%\">\n            <HStack\n              flexShrink={1}\n              space={2}\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n            >\n              <HStack flexShrink={1} space={2} alignItems=\"center\">\n                <Alert.Icon />\n                <Text\n                  fontSize=\"md\"\n                  fontWeight=\"medium\"\n                  _dark={{ color: 'coolGray.800' }}\n                >\n                  Please try again later!\n                </Text>\n              </HStack>\n              <IconButton\n                variant=\"unstyled\"\n                _focus={{ borderWidth: 0 }}\n                icon={<CloseIcon size=\"3\" />}\n                _icon={{ color: 'coolGray.600' }}\n                onPress={() => setShow(false)}\n              />\n            </HStack>\n            <Box pl=\"6\" _dark={{ _text: { color: 'coolGray.600' } }}>\n              Your coupon could not be processed at this time.\n            </Box>\n          </VStack>\n        </Alert>\n      </Collapse>\n      <Button size={'sm'} onPress={() => setShow(true)} mt={8} mx=\"auto\">\n        Re-Open\n      </Button>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}