{"ast":null,"code":"import React from 'react';\nimport { Stack, Alert, Text, HStack, VStack, IconButton, Box, CloseIcon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Stack, {\n    space: 4,\n    mx: 3,\n    w: \"100%\"\n  }, ['red', 'orange', 'pink'].map(function (key) {\n    return React.createElement(Alert, {\n      w: \"100%\",\n      colorScheme: key,\n      key: key\n    }, React.createElement(VStack, {\n      space: 2,\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      space: 2,\n      flexShrink: 1,\n      alignItems: \"center\"\n    }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n      fontSize: \"md\",\n      fontWeight: \"medium\",\n      color: \"coolGray.800\"\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    })), React.createElement(Box, {\n      pl: \"6\",\n      _text: {\n        color: 'coolGray.600'\n      }\n    }, \"Your coupon could not be processed at this time.\")));\n  }));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/colorScheme.tsx"],"names":["React","Stack","Alert","Text","HStack","VStack","IconButton","Box","CloseIcon","Example","map","key","borderWidth","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,KAFF,EAGEC,IAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,UANF,EAOEC,GAPF,EAQEC,SARF;AAWA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,EAAE,EAAE,CAArB;AAAwB,IAAA,CAAC,EAAC;AAA1B,KACG,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0BC,GAA1B,CAA8B,UAACC,GAAD;AAAA,WAC7B,oBAAC,KAAD;AAAO,MAAA,CAAC,EAAC,MAAT;AAAgB,MAAA,WAAW,EAAEA,GAA7B;AAAkC,MAAA,GAAG,EAAEA;AAAvC,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,CAAC,EAAC;AAAnC,OACE,oBAAC,MAAD;AACE,MAAA,UAAU,EAAE,CADd;AAEE,MAAA,KAAK,EAAE,CAFT;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,cAAc,EAAC;AAJjB,OAME,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,UAAU,EAAC;AAA5C,OACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AAAM,MAAA,QAAQ,EAAC,IAAf;AAAoB,MAAA,UAAU,EAAC,QAA/B;AAAwC,MAAA,KAAK,EAAC;AAA9C,iCAFF,CANF,EAYE,oBAAC,UAAD;AACE,MAAA,OAAO,EAAC,UADV;AAEE,MAAA,MAAM,EAAE;AAAEC,QAAAA,WAAW,EAAE;AAAf,OAFV;AAGE,MAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAC;AAAhB,QAHR;AAIE,MAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT;AAJT,MAZF,CADF,EAoBE,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAC,GAAR;AAAY,MAAA,KAAK,EAAE;AAAEA,QAAAA,KAAK,EAAE;AAAT;AAAnB,0DApBF,CADF,CAD6B;AAAA,GAA9B,CADH,CADF;AAgCD","sourcesContent":["import React from 'react';\nimport {\n  Stack,\n  Alert,\n  Text,\n  HStack,\n  VStack,\n  IconButton,\n  Box,\n  CloseIcon,\n} from 'native-base';\n\nexport function Example() {\n  return (\n    <Stack space={4} mx={3} w=\"100%\">\n      {['red', 'orange', 'pink'].map((key: any) => (\n        <Alert w=\"100%\" colorScheme={key} key={key}>\n          <VStack space={2} flexShrink={1} w=\"100%\">\n            <HStack\n              flexShrink={1}\n              space={2}\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n            >\n              <HStack space={2} flexShrink={1} alignItems=\"center\">\n                <Alert.Icon />\n                <Text fontSize=\"md\" fontWeight=\"medium\" color=\"coolGray.800\">\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              />\n            </HStack>\n            <Box pl=\"6\" _text={{ color: 'coolGray.600' }}>\n              Your coupon could not be processed at this time.\n            </Box>\n          </VStack>\n        </Alert>\n      ))}\n    </Stack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}