{"ast":null,"code":"import React from 'react';\nimport { Alert, Box, IconButton, CloseIcon, HStack, VStack, Text, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Center, null, React.createElement(VStack, {\n    space: 5,\n    maxW: \"400\"\n  }, React.createElement(Alert, {\n    w: \"100%\",\n    status: \"success\"\n  }, React.createElement(VStack, {\n    space: 2,\n    flexShrink: 1,\n    w: \"100%\"\n  }, React.createElement(HStack, {\n    flexShrink: 1,\n    space: 1,\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }, React.createElement(HStack, {\n    space: 2,\n    flexShrink: 1,\n    alignItems: \"center\"\n  }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n    fontSize: \"md\",\n    fontWeight: \"medium\",\n    _dark: {\n      color: 'coolGray.800'\n    }\n  }, \"Application received!\")), 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  })), React.createElement(Box, {\n    pl: \"6\",\n    _dark: {\n      _text: {\n        color: 'coolGray.600'\n      }\n    }\n  }, \"Your application has been received. We will review your application and respond within the next 48 hours.\"))), React.createElement(Alert, {\n    w: \"100%\",\n    status: \"success\"\n  }, React.createElement(VStack, {\n    space: 1,\n    flexShrink: 1,\n    w: \"100%\",\n    alignItems: \"center\"\n  }, React.createElement(Alert.Icon, {\n    size: \"md\"\n  }), React.createElement(Text, {\n    fontSize: \"md\",\n    fontWeight: \"medium\",\n    _dark: {\n      color: 'coolGray.800'\n    }\n  }, \"Application received!\"), React.createElement(Box, {\n    _text: {\n      textAlign: 'center'\n    },\n    _dark: {\n      _text: {\n        color: 'coolGray.600'\n      }\n    }\n  }, \"Your application has been received. We will review your application and respond within the next 48 hours.\")))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/composition.tsx"],"names":["React","Alert","Box","IconButton","CloseIcon","HStack","VStack","Text","Center","Example","color","borderWidth","_text","textAlign"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,GAFF,EAGEC,UAHF,EAIEC,SAJF,EAKEC,MALF,EAMEC,MANF,EAOEC,IAPF,EAQEC,MARF;AAWA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,IAAI,EAAC;AAAvB,KACE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAC,MAAT;AAAgB,IAAA,MAAM,EAAC;AAAvB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAE,CAA9B;AAAiC,IAAA,CAAC,EAAC;AAAnC,KACE,oBAAC,MAAD;AACE,IAAA,UAAU,EAAE,CADd;AAEE,IAAA,KAAK,EAAE,CAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,cAAc,EAAC;AAJjB,KAME,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAE,CAA9B;AAAiC,IAAA,UAAU,EAAC;AAA5C,KACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AACE,IAAA,QAAQ,EAAC,IADX;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAHT,6BAFF,CANF,EAgBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,UADV;AAEE,IAAA,MAAM,EAAE;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAFV;AAGE,IAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,MAAA,IAAI,EAAC;AAAhB,MAHR;AAIE,IAAA,KAAK,EAAE;AAAED,MAAAA,KAAK,EAAE;AAAT;AAJT,IAhBF,CADF,EAwBE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,GAAR;AAAY,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE;AAAEF,QAAAA,KAAK,EAAE;AAAT;AAAT;AAAnB,iHAxBF,CADF,CADF,EAgCE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAC,MAAT;AAAgB,IAAA,MAAM,EAAC;AAAvB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,UAAU,EAAE,CAA9B;AAAiC,IAAA,CAAC,EAAC,MAAnC;AAA0C,IAAA,UAAU,EAAC;AAArD,KACE,oBAAC,KAAD,CAAO,IAAP;AAAY,IAAA,IAAI,EAAC;AAAjB,IADF,EAEE,oBAAC,IAAD;AACE,IAAA,QAAQ,EAAC,IADX;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,KAAK,EAAE;AAAEA,MAAAA,KAAK,EAAE;AAAT;AAHT,6BAFF,EAUE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAE;AAAEG,MAAAA,SAAS,EAAE;AAAb,KADT;AAEE,IAAA,KAAK,EAAE;AAAED,MAAAA,KAAK,EAAE;AAAEF,QAAAA,KAAK,EAAE;AAAT;AAAT;AAFT,iHAVF,CADF,CAhCF,CADF,CADF;AAyDD","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Box,\n  IconButton,\n  CloseIcon,\n  HStack,\n  VStack,\n  Text,\n  Center,\n} from 'native-base';\n\nexport function Example() {\n  return (\n    <Center>\n      <VStack space={5} maxW=\"400\">\n        <Alert w=\"100%\" status=\"success\">\n          <VStack space={2} flexShrink={1} w=\"100%\">\n            <HStack\n              flexShrink={1}\n              space={1}\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n            >\n              <HStack space={2} flexShrink={1} alignItems=\"center\">\n                <Alert.Icon />\n                <Text\n                  fontSize=\"md\"\n                  fontWeight=\"medium\"\n                  _dark={{ color: 'coolGray.800' }}\n                >\n                  Application received!\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\" _dark={{ _text: { color: 'coolGray.600' } }}>\n              Your application has been received. We will review your\n              application and respond within the next 48 hours.\n            </Box>\n          </VStack>\n        </Alert>\n        <Alert w=\"100%\" status=\"success\">\n          <VStack space={1} flexShrink={1} w=\"100%\" alignItems=\"center\">\n            <Alert.Icon size=\"md\" />\n            <Text\n              fontSize=\"md\"\n              fontWeight=\"medium\"\n              _dark={{ color: 'coolGray.800' }}\n            >\n              Application received!\n            </Text>\n\n            <Box\n              _text={{ textAlign: 'center' }}\n              _dark={{ _text: { color: 'coolGray.600' } }}\n            >\n              Your application has been received. We will review your\n              application and respond within the next 48 hours.\n            </Box>\n          </VStack>\n        </Alert>\n      </VStack>\n    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}