{"ast":null,"code":"import 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    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    _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    _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","borderWidth","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,IAAI,EAAC,KAAZ;AAAkB,IAAA,WAAW,EAAC;AAA9B,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,MAAM,EAAE;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAFV;AAGE,IAAA,IAAI,EAAE,oBAAC,SAAD;AAAW,MAAA,IAAI,EAAC;AAAhB,MAHR;AAIE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAJT,IAZF,CADF,EAoBE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,GAAR;AAAY,IAAA,KAAK,EAAE;AAAEA,MAAAA,KAAK,EAAE;AAAT;AAAnB,gFApBF,CADF,CADF,CADF;AA+BD,CAhCM","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 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              _focus={{ borderWidth: 0 }}\n              icon={<CloseIcon size=\"3\" />}\n              _icon={{ 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"}