{"ast":null,"code":"import React from 'react';\nimport { Alert, VStack, HStack, IconButton, CloseIcon, Box, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(Alert, {\n    w: \"100%\",\n    colorScheme: \"info\",\n    children: _jsxs(VStack, {\n      space: 1,\n      flexShrink: 1,\n      w: \"100%\",\n      children: [_jsxs(HStack, {\n        flexShrink: 1,\n        space: 2,\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        children: [_jsxs(HStack, {\n          space: 2,\n          flexShrink: 1,\n          alignItems: \"center\",\n          children: [_jsx(Alert.Icon, {}), _jsx(Heading, {\n            fontSize: \"md\",\n            fontWeight: \"medium\",\n            color: \"coolGray.800\",\n            children: \"We are going live in July!\"\n          })]\n        }), _jsx(IconButton, {\n          variant: \"unstyled\",\n          icon: _jsx(CloseIcon, {\n            size: \"3\",\n            color: \"coolGray.600\"\n          })\n        })]\n      }), _jsx(Box, {\n        pl: \"6\",\n        _text: {\n          color: 'coolGray.600'\n        },\n        children: \"We are happy to announce that we are going live on July 28th. Get ready!\"\n      })]\n    })\n  });\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","Example","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,SALF,EAMEC,GANF,EAOEC,OAPF;;;AAUA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,KAAD;AAAO,IAAA,CAAC,EAAC,MAAT;AAAgB,IAAA,WAAW,EAAC,MAA5B;AAAA,cACE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,CAAC,EAAC,MAAnC;AAAA,iBACE,MAAC,MAAD;AACE,QAAA,UAAU,EAAE,CADd;AAEE,QAAA,KAAK,EAAE,CAFT;AAGE,QAAA,UAAU,EAAC,QAHb;AAIE,QAAA,cAAc,EAAC,eAJjB;AAAA,mBAME,MAAC,MAAD;AAAQ,UAAA,KAAK,EAAE,CAAf;AAAkB,UAAA,UAAU,EAAE,CAA9B;AAAiC,UAAA,UAAU,EAAC,QAA5C;AAAA,qBACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,OAAD;AAAS,YAAA,QAAQ,EAAC,IAAlB;AAAuB,YAAA,UAAU,EAAC,QAAlC;AAA2C,YAAA,KAAK,EAAC,cAAjD;AAAA;AAAA,YAFF;AAAA,UANF,EAYE,KAAC,UAAD;AACE,UAAA,OAAO,EAAC,UADV;AAEE,UAAA,IAAI,EAAE,KAAC,SAAD;AAAW,YAAA,IAAI,EAAC,GAAhB;AAAoB,YAAA,KAAK,EAAC;AAA1B;AAFR,UAZF;AAAA,QADF,EAkBE,KAAC,GAAD;AAAK,QAAA,EAAE,EAAC,GAAR;AAAY,QAAA,KAAK,EAAE;AAAEC,UAAAA,KAAK,EAAE;AAAT,SAAnB;AAAA;AAAA,QAlBF;AAAA;AADF,IADF;AA2BD,CA5BM","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  VStack,\n  HStack,\n  IconButton,\n  CloseIcon,\n  Box,\n  Heading,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Alert w=\"100%\" 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  );\n};\n"]},"metadata":{},"sourceType":"module"}