{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/usage.tsx\";\nimport React from 'react';\nimport { Alert, VStack, HStack, IconButton, CloseIcon, Box, Text, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Center, null, React.createElement(Alert, {\n    w: \"90%\",\n    maxW: \"400\",\n    status: \"info\",\n    colorScheme: \"info\"\n  }, React.createElement(VStack, {\n    space: 2,\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    flexShrink: 1,\n    space: 2,\n    alignItems: \"center\"\n  }, React.createElement(Alert.Icon, null), React.createElement(Text, {\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/usage.tsx"],"names":["React","Alert","VStack","HStack","IconButton","CloseIcon","Box","Text","Center","Example","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,SALF,EAMEC,GANF,EAOEC,IAPF,EAQEC,MARF;AAUA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAC,KAAT;AAAe,IAAA,IAAI,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC,MAAjC;AAAwC,IAAA,WAAW,EAAC;AAApD,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,UAAU,EAAE,CAApB;AAAuB,IAAA,KAAK,EAAE,CAA9B;AAAiC,IAAA,UAAU,EAAC;AAA5C,KACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAC,IAAf;AAAoB,IAAA,UAAU,EAAC,QAA/B;AAAwC,IAAA,KAAK,EAAC;AAA9C,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","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  VStack,\n  HStack,\n  IconButton,\n  CloseIcon,\n  Box,\n  Text,\n  Center,\n} from 'native-base';\nexport function Example() {\n  return (\n    <Center>\n      <Alert w=\"90%\" maxW=\"400\" status=\"info\" colorScheme=\"info\">\n        <VStack space={2} flexShrink={1} w=\"100%\">\n          <HStack\n            flexShrink={1}\n            space={2}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <HStack flexShrink={1} space={2} alignItems=\"center\">\n              <Alert.Icon />\n              <Text fontSize=\"md\" fontWeight=\"medium\" color=\"coolGray.800\">\n                We are going live in July!\n              </Text>\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"}