{"ast":null,"code":"import React from 'react';\nimport { Alert, Box, IconButton, CloseIcon, HStack, VStack, Text } 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 function Example() {\n  return _jsxs(VStack, {\n    space: 5,\n    maxW: \"400\",\n    children: [_jsx(Alert, {\n      w: \"100%\",\n      status: \"success\",\n      children: _jsxs(VStack, {\n        space: 2,\n        flexShrink: 1,\n        w: \"100%\",\n        children: [_jsxs(HStack, {\n          flexShrink: 1,\n          space: 1,\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(Text, {\n              fontSize: \"md\",\n              fontWeight: \"medium\",\n              _dark: {\n                color: 'coolGray.800'\n              },\n              children: \"Application received!\"\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          _dark: {\n            _text: {\n              color: 'coolGray.600'\n            }\n          },\n          children: \"Your application has been received. We will review your application and respond within the next 48 hours.\"\n        })]\n      })\n    }), _jsx(Alert, {\n      w: \"100%\",\n      status: \"success\",\n      children: _jsxs(VStack, {\n        space: 1,\n        flexShrink: 1,\n        w: \"100%\",\n        alignItems: \"center\",\n        children: [_jsx(Alert.Icon, {\n          size: \"md\"\n        }), _jsx(Text, {\n          fontSize: \"md\",\n          fontWeight: \"medium\",\n          _dark: {\n            color: 'coolGray.800'\n          },\n          children: \"Application received!\"\n        }), _jsx(Box, {\n          _text: {\n            textAlign: 'center'\n          },\n          _dark: {\n            _text: {\n              color: 'coolGray.600'\n            }\n          },\n          children: \"Your application has been received. We will review your application and respond within the next 48 hours.\"\n        })]\n      })\n    })]\n  });\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/composition.tsx"],"names":["React","Alert","Box","IconButton","CloseIcon","HStack","VStack","Text","Example","color","_text","textAlign"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,GAFF,EAGEC,UAHF,EAIEC,SAJF,EAKEC,MALF,EAMEC,MANF,EAOEC,IAPF;;;AAUA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,IAAI,EAAC,KAAvB;AAAA,eACE,KAAC,KAAD;AAAO,MAAA,CAAC,EAAC,MAAT;AAAgB,MAAA,MAAM,EAAC,SAAvB;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,IAAD;AACE,cAAA,QAAQ,EAAC,IADX;AAEE,cAAA,UAAU,EAAC,QAFb;AAGE,cAAA,KAAK,EAAE;AAAEC,gBAAAA,KAAK,EAAE;AAAT,eAHT;AAAA;AAAA,cAFF;AAAA,YANF,EAgBE,KAAC,UAAD;AACE,YAAA,OAAO,EAAC,UADV;AAEE,YAAA,IAAI,EAAE,KAAC,SAAD;AAAW,cAAA,IAAI,EAAC,GAAhB;AAAoB,cAAA,KAAK,EAAC;AAA1B;AAFR,YAhBF;AAAA,UADF,EAsBE,KAAC,GAAD;AAAK,UAAA,EAAE,EAAC,GAAR;AAAY,UAAA,KAAK,EAAE;AAAEC,YAAAA,KAAK,EAAE;AAAED,cAAAA,KAAK,EAAE;AAAT;AAAT,WAAnB;AAAA;AAAA,UAtBF;AAAA;AADF,MADF,EA8BE,KAAC,KAAD;AAAO,MAAA,CAAC,EAAC,MAAT;AAAgB,MAAA,MAAM,EAAC,SAAvB;AAAA,gBACE,MAAC,MAAD;AAAQ,QAAA,KAAK,EAAE,CAAf;AAAkB,QAAA,UAAU,EAAE,CAA9B;AAAiC,QAAA,CAAC,EAAC,MAAnC;AAA0C,QAAA,UAAU,EAAC,QAArD;AAAA,mBACE,KAAC,KAAD,CAAO,IAAP;AAAY,UAAA,IAAI,EAAC;AAAjB,UADF,EAEE,KAAC,IAAD;AACE,UAAA,QAAQ,EAAC,IADX;AAEE,UAAA,UAAU,EAAC,QAFb;AAGE,UAAA,KAAK,EAAE;AAAEA,YAAAA,KAAK,EAAE;AAAT,WAHT;AAAA;AAAA,UAFF,EAUE,KAAC,GAAD;AACE,UAAA,KAAK,EAAE;AAAEE,YAAAA,SAAS,EAAE;AAAb,WADT;AAEE,UAAA,KAAK,EAAE;AAAED,YAAAA,KAAK,EAAE;AAAED,cAAAA,KAAK,EAAE;AAAT;AAAT,WAFT;AAAA;AAAA,UAVF;AAAA;AADF,MA9BF;AAAA,IADF;AAqDD","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Box,\n  IconButton,\n  CloseIcon,\n  HStack,\n  VStack,\n  Text,\n} from 'native-base';\n\nexport function Example() {\n  return (\n    <VStack space={5} maxW=\"400\">\n      <Alert w=\"100%\" status=\"success\">\n        <VStack space={2} flexShrink={1} w=\"100%\">\n          <HStack\n            flexShrink={1}\n            space={1}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <HStack space={2} flexShrink={1} alignItems=\"center\">\n              <Alert.Icon />\n              <Text\n                fontSize=\"md\"\n                fontWeight=\"medium\"\n                _dark={{ color: 'coolGray.800' }}\n              >\n                Application received!\n              </Text>\n            </HStack>\n            <IconButton\n              variant=\"unstyled\"\n              icon={<CloseIcon size=\"3\" color=\"coolGray.600\" />}\n            />\n          </HStack>\n          <Box pl=\"6\" _dark={{ _text: { color: 'coolGray.600' } }}>\n            Your application has been received. We will review your application\n            and respond within the next 48 hours.\n          </Box>\n        </VStack>\n      </Alert>\n      <Alert w=\"100%\" status=\"success\">\n        <VStack space={1} flexShrink={1} w=\"100%\" alignItems=\"center\">\n          <Alert.Icon size=\"md\" />\n          <Text\n            fontSize=\"md\"\n            fontWeight=\"medium\"\n            _dark={{ color: 'coolGray.800' }}\n          >\n            Application received!\n          </Text>\n\n          <Box\n            _text={{ textAlign: 'center' }}\n            _dark={{ _text: { color: 'coolGray.600' } }}\n          >\n            Your application has been received. We will review your application\n            and respond within the next 48 hours.\n          </Box>\n        </VStack>\n      </Alert>\n    </VStack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}