{"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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  return _jsx(Stack, {\n    space: 4,\n    mx: 3,\n    w: \"100%\",\n    children: ['red', 'orange', 'pink'].map(function (key) {\n      return _jsx(Alert, {\n        w: \"100%\",\n        colorScheme: key,\n        children: _jsxs(VStack, {\n          space: 2,\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              space: 2,\n              flexShrink: 1,\n              alignItems: \"center\",\n              children: [_jsx(Alert.Icon, {}), _jsx(Text, {\n                fontSize: \"md\",\n                fontWeight: \"medium\",\n                color: \"coolGray.800\",\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            })]\n          }), _jsx(Box, {\n            pl: \"6\",\n            _text: {\n              color: 'coolGray.600'\n            },\n            children: \"Your coupon could not be processed at this time.\"\n          })]\n        })\n      }, key);\n    })\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,KAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,EAAE,EAAE,CAArB;AAAwB,IAAA,CAAC,EAAC,MAA1B;AAAA,cACG,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0BC,GAA1B,CAA8B,UAACC,GAAD;AAAA,aAC7B,KAAC,KAAD;AAAO,QAAA,CAAC,EAAC,MAAT;AAAgB,QAAA,WAAW,EAAEA,GAA7B;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,KAAK,EAAE,CAAf;AAAkB,cAAA,UAAU,EAAE,CAA9B;AAAiC,cAAA,UAAU,EAAC,QAA5C;AAAA,yBACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,IAAD;AAAM,gBAAA,QAAQ,EAAC,IAAf;AAAoB,gBAAA,UAAU,EAAC,QAA/B;AAAwC,gBAAA,KAAK,EAAC,cAA9C;AAAA;AAAA,gBAFF;AAAA,cANF,EAYE,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;AAAEC,gBAAAA,KAAK,EAAE;AAAT;AAJT,cAZF;AAAA,YADF,EAoBE,KAAC,GAAD;AAAK,YAAA,EAAE,EAAC,GAAR;AAAY,YAAA,KAAK,EAAE;AAAEA,cAAAA,KAAK,EAAE;AAAT,aAAnB;AAAA;AAAA,YApBF;AAAA;AADF,SAAuCF,GAAvC,CAD6B;AAAA,KAA9B;AADH,IADF;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"}