{"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\";\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 React.createElement(Box, {\n    w: \"100%\",\n    alignItems: \"center\"\n  }, React.createElement(Collapse, {\n    isOpen: show\n  }, React.createElement(Alert, {\n    maxW: \"400\",\n    status: \"error\"\n  }, React.createElement(VStack, {\n    space: 1,\n    flexShrink: 1,\n    w: \"100%\"\n  }, React.createElement(HStack, {\n    flexShrink: 1,\n    space: 2,\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }, React.createElement(HStack, {\n    flexShrink: 1,\n    space: 2,\n    alignItems: \"center\"\n  }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n    fontSize: \"md\",\n    fontWeight: \"medium\",\n    _dark: {\n      color: 'coolGray.800'\n    }\n  }, \"Please try again later!\")), React.createElement(IconButton, {\n    variant: \"unstyled\",\n    _focus: {\n      borderWidth: 0\n    },\n    icon: React.createElement(CloseIcon, {\n      size: \"3\"\n    }),\n    _icon: {\n      color: 'coolGray.600'\n    },\n    onPress: function onPress() {\n      return setShow(false);\n    }\n  })), React.createElement(Box, {\n    pl: \"6\",\n    _dark: {\n      _text: {\n        color: 'coolGray.600'\n      }\n    }\n  }, \"Your coupon could not be processed at this time.\")))), React.createElement(Button, {\n    size: 'sm',\n    onPress: function onPress() {\n      return setShow(true);\n    },\n    mt: 8,\n    mx: \"auto\"\n  }, \"Re-Open\"));\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,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,UAAU,EAAC;AAAzB,KACE,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAED;AAAlB,KACE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAE,CAA9B;AAAiC,IAAA,CAAC,EAAC;AAAnC,KACE,oBAAC,MAAD;AACE,IAAA,UAAU,EAAE,CADd;AAEE,IAAA,KAAK,EAAE,CAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,cAAc,EAAC;AAJjB,KAME,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAE,CAApB;AAAuB,IAAA,KAAK,EAAE,CAA9B;AAAiC,IAAA,UAAU,EAAC;AAA5C,KACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AACE,IAAA,QAAQ,EAAC,IADX;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE;AAAT;AAHT,+BAFF,CANF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,UADV;AAEE,IAAA,MAAM,EAAE;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAFV;AAGE,IAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,MAAA,IAAI,EAAC;AAAhB,MAHR;AAIE,IAAA,KAAK,EAAE;AAAED,MAAAA,KAAK,EAAE;AAAT,KAJT;AAKE,IAAA,OAAO,EAAE;AAAA,aAAMD,OAAO,CAAC,KAAD,CAAb;AAAA;AALX,IAhBF,CADF,EAyBE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,GAAR;AAAY,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAE;AAAEF,QAAAA,KAAK,EAAE;AAAT;AAAT;AAAnB,wDAzBF,CADF,CADF,CADF,EAkCE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,IAAd;AAAoB,IAAA,OAAO,EAAE;AAAA,aAAMD,OAAO,CAAC,IAAD,CAAb;AAAA,KAA7B;AAAkD,IAAA,EAAE,EAAE,CAAtD;AAAyD,IAAA,EAAE,EAAC;AAA5D,eAlCF,CADF;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 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"}