{"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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(Center, {\n    children: _jsx(Alert, {\n      w: \"90%\",\n      maxW: \"400\",\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            _focus: {\n              borderWidth: 0\n            },\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  });\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,KAAC,MAAD;AAAA,cACE,KAAC,KAAD;AAAO,MAAA,CAAC,EAAC,KAAT;AAAe,MAAA,IAAI,EAAC,KAApB;AAA0B,MAAA,WAAW,EAAC,MAAtC;AAAA,gBACE,MAAC,MAAD;AAAQ,QAAA,KAAK,EAAE,CAAf;AAAkB,QAAA,UAAU,EAAE,CAA9B;AAAiC,QAAA,CAAC,EAAC,MAAnC;AAAA,mBACE,MAAC,MAAD;AACE,UAAA,UAAU,EAAE,CADd;AAEE,UAAA,KAAK,EAAE,CAFT;AAGE,UAAA,UAAU,EAAC,QAHb;AAIE,UAAA,cAAc,EAAC,eAJjB;AAAA,qBAME,MAAC,MAAD;AAAQ,YAAA,KAAK,EAAE,CAAf;AAAkB,YAAA,UAAU,EAAE,CAA9B;AAAiC,YAAA,UAAU,EAAC,QAA5C;AAAA,uBACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,OAAD;AAAS,cAAA,QAAQ,EAAC,IAAlB;AAAuB,cAAA,UAAU,EAAC,QAAlC;AAA2C,cAAA,KAAK,EAAC,cAAjD;AAAA;AAAA,cAFF;AAAA,YANF,EAYE,KAAC,UAAD;AACE,YAAA,OAAO,EAAC,UADV;AAEE,YAAA,MAAM,EAAE;AAAEC,cAAAA,WAAW,EAAE;AAAf,aAFV;AAGE,YAAA,IAAI,EAAE,KAAC,SAAD;AAAW,cAAA,IAAI,EAAC,GAAhB;AAAoB,cAAA,KAAK,EAAC;AAA1B;AAHR,YAZF;AAAA,UADF,EAmBE,KAAC,GAAD;AAAK,UAAA,EAAE,EAAC,GAAR;AAAY,UAAA,KAAK,EAAE;AAAEC,YAAAA,KAAK,EAAE;AAAT,WAAnB;AAAA;AAAA,UAnBF;AAAA;AADF;AADF,IADF;AA8BD,CA/BM","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              _focus={{ borderWidth: 0 }}\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"}