{"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\";\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 React.createElement(Stack, {\n    space: 3,\n    w: \"100%\",\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      _focus: {\n        borderWidth: 0\n      },\n      icon: React.createElement(CloseIcon, {\n        size: \"3\"\n      }),\n      _icon: {\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","Example","statusArray","status","title","map","borderWidth","color"],"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,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC,MAAnB;AAA0B,IAAA,IAAI,EAAC;AAA/B,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,MAAM,EAAE;AAAEE,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,MAPF,CADF,CADF,CADF;AAoBD,GArBA,CADH,CADF;AA0BD","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%\" 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\" />}\n                  _icon={{ color: 'coolGray.600' }}\n                />\n              </HStack>\n            </VStack>\n          </Alert>\n        );\n      })}\n    </Stack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}