{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/basic.tsx\";\n\nimport React from 'react';\nimport { Alert, VStack, HStack, IconButton, CloseIcon, Box, Heading, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Center, null, React.createElement(Alert, {\n    w: \"90%\",\n    maxW: \"400\",\n    colorScheme: \"info\"\n  }, React.createElement(VStack, {\n    space: 1,\n    flexShrink: 1,\n    w: \"100%\"\n  }, React.createElement(HStack, {\n    flexShrink: 1,\n    space: 2,\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(Heading, {\n    fontSize: \"md\",\n    fontWeight: \"medium\",\n    color: \"coolGray.800\"\n  }, \"We are going live in July!\")), React.createElement(IconButton, {\n    variant: \"unstyled\",\n    icon: React.createElement(CloseIcon, {\n      size: \"3\",\n      color: \"coolGray.600\"\n    })\n  })), React.createElement(Box, {\n    pl: \"6\",\n    _text: {\n      color: 'coolGray.600'\n    }\n  }, \"We are happy to announce that we are going live on July 28th. Get ready!\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/basic.tsx"],"names":["React","Alert","VStack","HStack","IconButton","CloseIcon","Box","Heading","Center","Example","color"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,SALF,EAMEC,GANF,EAOEC,OAPF,EAQEC,MARF;AAWA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAC,KAAT;AAAe,IAAA,IAAI,EAAC,KAApB;AAA0B,IAAA,WAAW,EAAC;AAAtC,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,OAAD;AAAS,IAAA,QAAQ,EAAC,IAAlB;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,IAAA,KAAK,EAAC;AAAjD,kCAFF,CANF,EAYE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,UADV;AAEE,IAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,MAAA,IAAI,EAAC,GAAhB;AAAoB,MAAA,KAAK,EAAC;AAA1B;AAFR,IAZF,CADF,EAkBE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,GAAR;AAAY,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAAnB,gFAlBF,CADF,CADF,CADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  VStack,\n  HStack,\n  IconButton,\n  CloseIcon,\n  Box,\n  Heading,\n  Center,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Center>\n      <Alert w=\"90%\" maxW=\"400\" colorScheme=\"info\">\n        <VStack space={1} flexShrink={1} w=\"100%\">\n          <HStack\n            flexShrink={1}\n            space={2}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <HStack space={2} flexShrink={1} alignItems=\"center\">\n              <Alert.Icon />\n              <Heading fontSize=\"md\" fontWeight=\"medium\" color=\"coolGray.800\">\n                We are going live in July!\n              </Heading>\n            </HStack>\n            <IconButton\n              variant=\"unstyled\"\n              icon={<CloseIcon size=\"3\" color=\"coolGray.600\" />}\n            />\n          </HStack>\n          <Box pl=\"6\" _text={{ color: 'coolGray.600' }}>\n            We are happy to announce that we are going live on July 28th. Get\n            ready!\n          </Box>\n        </VStack>\n      </Alert>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}