{"ast":null,"code":"import React from 'react';\nimport { Stack, Alert, IconButton, HStack, VStack, CloseIcon, 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 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(Stack, {\n    space: 3,\n    w: \"100%\",\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              icon: _jsx(CloseIcon, {\n                size: \"3\",\n                color: \"coolGray.600\"\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","Example","statusArray","status","title","map"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,KAFF,EAGEC,UAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,SANF,EAOEC,IAPF;;;AAUA,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,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC,MAAnB;AAAA,cACGF,WAAW,CAACG,GAAZ,CAAgB,UAACF,MAAD,EAAY;AAC3B,aACE,KAAC,KAAD;AAAO,QAAA,CAAC,EAAC,MAAT;AAAgB,QAAA,MAAM,EAAEA,MAAM,CAACA,MAA/B;AAAA,kBACE,KAAC,MAAD;AAAQ,UAAA,KAAK,EAAE,CAAf;AAAkB,UAAA,UAAU,EAAE,CAA9B;AAAiC,UAAA,CAAC,EAAC,MAAnC;AAAA,oBACE,MAAC,MAAD;AAAQ,YAAA,UAAU,EAAE,CAApB;AAAuB,YAAA,KAAK,EAAE,CAA9B;AAAiC,YAAA,cAAc,EAAC,eAAhD;AAAA,uBACE,MAAC,MAAD;AAAQ,cAAA,KAAK,EAAE,CAAf;AAAkB,cAAA,UAAU,EAAE,CAA9B;AAAA,yBACE,KAAC,KAAD,CAAO,IAAP;AAAY,gBAAA,EAAE,EAAC;AAAf,gBADF,EAEE,KAAC,IAAD;AAAM,gBAAA,QAAQ,EAAC,IAAf;AAAoB,gBAAA,KAAK,EAAC,cAA1B;AAAA,0BACGA,MAAM,CAACC;AADV,gBAFF;AAAA,cADF,EAOE,KAAC,UAAD;AACE,cAAA,OAAO,EAAC,UADV;AAEE,cAAA,IAAI,EAAE,KAAC,SAAD;AAAW,gBAAA,IAAI,EAAC,GAAhB;AAAoB,gBAAA,KAAK,EAAC;AAA1B;AAFR,cAPF;AAAA;AADF;AADF,QADF;AAkBD,KAnBA;AADH,IADF;AAwBD","sourcesContent":["import React from 'react';\nimport {\n  Stack,\n  Alert,\n  IconButton,\n  HStack,\n  VStack,\n  CloseIcon,\n  Text,\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    <Stack space={3} w=\"100%\">\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                  icon={<CloseIcon size=\"3\" color=\"coolGray.600\" />}\n                />\n              </HStack>\n            </VStack>\n          </Alert>\n        );\n      })}\n    </Stack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}