{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/status.tsx\";\nimport React from 'react';\nimport { Stack, Alert, IconButton, HStack, VStack, CloseIcon, Text, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\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 React.createElement(Center, null, React.createElement(Stack, {\n    space: 3,\n    w: \"90%\",\n    maxW: \"400\"\n  }, statusArray.map(function (status) {\n    return React.createElement(Alert, {\n      w: \"100%\",\n      status: status.status\n    }, React.createElement(VStack, {\n      space: 2,\n      flexShrink: 1,\n      w: \"100%\"\n    }, React.createElement(HStack, {\n      flexShrink: 1,\n      space: 2,\n      justifyContent: \"space-between\"\n    }, React.createElement(HStack, {\n      space: 2,\n      flexShrink: 1\n    }, React.createElement(Alert.Icon, {\n      mt: \"1\"\n    }), React.createElement(Text, {\n      fontSize: \"md\",\n      color: \"coolGray.800\"\n    }, status.title)), React.createElement(IconButton, {\n      variant: \"unstyled\",\n      icon: React.createElement(CloseIcon, {\n        size: \"3\",\n        color: \"coolGray.600\"\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"],"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;AAAA;;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,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC,KAAnB;AAAyB,IAAA,IAAI,EAAC;AAA9B,KACGF,WAAW,CAACG,GAAZ,CAAgB,UAACF,MAAD,EAAY;AAC3B,WACE,oBAAC,KAAD;AAAO,MAAA,CAAC,EAAC,MAAT;AAAgB,MAAA,MAAM,EAAEA,MAAM,CAACA;AAA/B,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,CAAC,EAAC;AAAnC,OACE,oBAAC,MAAD;AAAQ,MAAA,UAAU,EAAE,CAApB;AAAuB,MAAA,KAAK,EAAE,CAA9B;AAAiC,MAAA,cAAc,EAAC;AAAhD,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE;AAA9B,OACE,oBAAC,KAAD,CAAO,IAAP;AAAY,MAAA,EAAE,EAAC;AAAf,MADF,EAEE,oBAAC,IAAD;AAAM,MAAA,QAAQ,EAAC,IAAf;AAAoB,MAAA,KAAK,EAAC;AAA1B,OACGA,MAAM,CAACC,KADV,CAFF,CADF,EAOE,oBAAC,UAAD;AACE,MAAA,OAAO,EAAC,UADV;AAEE,MAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAC,GAAhB;AAAoB,QAAA,KAAK,EAAC;AAA1B;AAFR,MAPF,CADF,CADF,CADF;AAkBD,GAnBA,CADH,CADF,CADF;AA0BD","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                    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"}