{"ast":null,"code":"import React from 'react';\nimport { Stack, Alert, IconButton, HStack, VStack, CloseIcon, Text, Center } 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 statusArray = [{\n    status: 'success',\n    title: 'Selection successfully moved!'\n  }, {\n    status: 'error',\n    title: 'Please try again later!'\n  }, {\n    status: 'info',\n    title: 'We are going live in July!'\n  }, {\n    status: 'warning',\n    title: 'Poor internet connection.'\n  }];\n  return _jsx(Center, {\n    children: _jsx(Stack, {\n      space: 3,\n      w: \"90%\",\n      maxW: \"400\",\n      children: statusArray.map(function (status) {\n        return _jsx(Alert, {\n          w: \"100%\",\n          status: status.status,\n          children: _jsx(VStack, {\n            space: 2,\n            flexShrink: 1,\n            w: \"100%\",\n            children: _jsxs(HStack, {\n              flexShrink: 1,\n              space: 2,\n              justifyContent: \"space-between\",\n              children: [_jsxs(HStack, {\n                space: 2,\n                flexShrink: 1,\n                children: [_jsx(Alert.Icon, {\n                  mt: \"1\"\n                }), _jsx(Text, {\n                  fontSize: \"md\",\n                  color: \"coolGray.800\",\n                  children: status.title\n                })]\n              }), _jsx(IconButton, {\n                variant: \"unstyled\",\n                _focus: {\n                  borderWidth: 0\n                },\n                icon: _jsx(CloseIcon, {\n                  size: \"3\",\n                  color: \"coolGray.600\"\n                })\n              })]\n            })\n          })\n        });\n      })\n    })\n  });\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/status.tsx"],"names":["React","Stack","Alert","IconButton","HStack","VStack","CloseIcon","Text","Center","Example","statusArray","status","title","map","borderWidth"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,KAFF,EAGEC,UAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,SANF,EAOEC,IAPF,EAQEC,MARF;;;AAWA,OAAO,SAASC,OAAT,GAAmB;AACxB,MAAMC,WAAW,GAAG,CAClB;AACEC,IAAAA,MAAM,EAAE,SADV;AAEEC,IAAAA,KAAK,EAAE;AAFT,GADkB,EAKlB;AACED,IAAAA,MAAM,EAAE,OADV;AAEEC,IAAAA,KAAK,EAAE;AAFT,GALkB,EASlB;AACED,IAAAA,MAAM,EAAE,MADV;AAEEC,IAAAA,KAAK,EAAE;AAFT,GATkB,EAalB;AACED,IAAAA,MAAM,EAAE,SADV;AAEEC,IAAAA,KAAK,EAAE;AAFT,GAbkB,CAApB;AAkBA,SACE,KAAC,MAAD;AAAA,cACE,KAAC,KAAD;AAAO,MAAA,KAAK,EAAE,CAAd;AAAiB,MAAA,CAAC,EAAC,KAAnB;AAAyB,MAAA,IAAI,EAAC,KAA9B;AAAA,gBACGF,WAAW,CAACG,GAAZ,CAAgB,UAACF,MAAD,EAAY;AAC3B,eACE,KAAC,KAAD;AAAO,UAAA,CAAC,EAAC,MAAT;AAAgB,UAAA,MAAM,EAAEA,MAAM,CAACA,MAA/B;AAAA,oBACE,KAAC,MAAD;AAAQ,YAAA,KAAK,EAAE,CAAf;AAAkB,YAAA,UAAU,EAAE,CAA9B;AAAiC,YAAA,CAAC,EAAC,MAAnC;AAAA,sBACE,MAAC,MAAD;AAAQ,cAAA,UAAU,EAAE,CAApB;AAAuB,cAAA,KAAK,EAAE,CAA9B;AAAiC,cAAA,cAAc,EAAC,eAAhD;AAAA,yBACE,MAAC,MAAD;AAAQ,gBAAA,KAAK,EAAE,CAAf;AAAkB,gBAAA,UAAU,EAAE,CAA9B;AAAA,2BACE,KAAC,KAAD,CAAO,IAAP;AAAY,kBAAA,EAAE,EAAC;AAAf,kBADF,EAEE,KAAC,IAAD;AAAM,kBAAA,QAAQ,EAAC,IAAf;AAAoB,kBAAA,KAAK,EAAC,cAA1B;AAAA,4BACGA,MAAM,CAACC;AADV,kBAFF;AAAA,gBADF,EAOE,KAAC,UAAD;AACE,gBAAA,OAAO,EAAC,UADV;AAEE,gBAAA,MAAM,EAAE;AAAEE,kBAAAA,WAAW,EAAE;AAAf,iBAFV;AAGE,gBAAA,IAAI,EAAE,KAAC,SAAD;AAAW,kBAAA,IAAI,EAAC,GAAhB;AAAoB,kBAAA,KAAK,EAAC;AAA1B;AAHR,gBAPF;AAAA;AADF;AADF,UADF;AAmBD,OApBA;AADH;AADF,IADF;AA2BD","sourcesContent":["import React from 'react';\nimport {\n  Stack,\n  Alert,\n  IconButton,\n  HStack,\n  VStack,\n  CloseIcon,\n  Text,\n  Center,\n} from 'native-base';\n\nexport function Example() {\n  const statusArray = [\n    {\n      status: 'success',\n      title: 'Selection successfully moved!',\n    },\n    {\n      status: 'error',\n      title: 'Please try again later!',\n    },\n    {\n      status: 'info',\n      title: 'We are going live in July!',\n    },\n    {\n      status: 'warning',\n      title: 'Poor internet connection.',\n    },\n  ];\n  return (\n    <Center>\n      <Stack space={3} w=\"90%\" maxW=\"400\">\n        {statusArray.map((status) => {\n          return (\n            <Alert w=\"100%\" status={status.status}>\n              <VStack space={2} flexShrink={1} w=\"100%\">\n                <HStack flexShrink={1} space={2} justifyContent=\"space-between\">\n                  <HStack space={2} flexShrink={1}>\n                    <Alert.Icon mt=\"1\" />\n                    <Text fontSize=\"md\" color=\"coolGray.800\">\n                      {status.title}\n                    </Text>\n                  </HStack>\n                  <IconButton\n                    variant=\"unstyled\"\n                    _focus={{ borderWidth: 0 }}\n                    icon={<CloseIcon size=\"3\" color=\"coolGray.600\" />}\n                  />\n                </HStack>\n              </VStack>\n            </Alert>\n          );\n        })}\n      </Stack>\n    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}