{"ast":null,"code":"import React from 'react';\nimport { Alert, Box, IconButton, CloseIcon, HStack, VStack, Text, 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 function Example() {\n  return _jsx(Center, {\n    children: _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              _focus: {\n                borderWidth: 0\n              },\n              icon: _jsx(CloseIcon, {\n                size: \"3\"\n              }),\n              _icon: {\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  });\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","Center","Example","color","borderWidth","_text","textAlign"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,GAFF,EAGEC,UAHF,EAIEC,SAJF,EAKEC,MALF,EAMEC,MANF,EAOEC,IAPF,EAQEC,MARF;;;AAWA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,KAAC,MAAD;AAAA,cACE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,IAAI,EAAC,KAAvB;AAAA,iBACE,KAAC,KAAD;AAAO,QAAA,CAAC,EAAC,MAAT;AAAgB,QAAA,MAAM,EAAC,SAAvB;AAAA,kBACE,MAAC,MAAD;AAAQ,UAAA,KAAK,EAAE,CAAf;AAAkB,UAAA,UAAU,EAAE,CAA9B;AAAiC,UAAA,CAAC,EAAC,MAAnC;AAAA,qBACE,MAAC,MAAD;AACE,YAAA,UAAU,EAAE,CADd;AAEE,YAAA,KAAK,EAAE,CAFT;AAGE,YAAA,UAAU,EAAC,QAHb;AAIE,YAAA,cAAc,EAAC,eAJjB;AAAA,uBAME,MAAC,MAAD;AAAQ,cAAA,KAAK,EAAE,CAAf;AAAkB,cAAA,UAAU,EAAE,CAA9B;AAAiC,cAAA,UAAU,EAAC,QAA5C;AAAA,yBACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,IAAD;AACE,gBAAA,QAAQ,EAAC,IADX;AAEE,gBAAA,UAAU,EAAC,QAFb;AAGE,gBAAA,KAAK,EAAE;AAAEC,kBAAAA,KAAK,EAAE;AAAT,iBAHT;AAAA;AAAA,gBAFF;AAAA,cANF,EAgBE,KAAC,UAAD;AACE,cAAA,OAAO,EAAC,UADV;AAEE,cAAA,MAAM,EAAE;AAAEC,gBAAAA,WAAW,EAAE;AAAf,eAFV;AAGE,cAAA,IAAI,EAAE,KAAC,SAAD;AAAW,gBAAA,IAAI,EAAC;AAAhB,gBAHR;AAIE,cAAA,KAAK,EAAE;AAAED,gBAAAA,KAAK,EAAE;AAAT;AAJT,cAhBF;AAAA,YADF,EAwBE,KAAC,GAAD;AAAK,YAAA,EAAE,EAAC,GAAR;AAAY,YAAA,KAAK,EAAE;AAAEE,cAAAA,KAAK,EAAE;AAAEF,gBAAAA,KAAK,EAAE;AAAT;AAAT,aAAnB;AAAA;AAAA,YAxBF;AAAA;AADF,QADF,EAgCE,KAAC,KAAD;AAAO,QAAA,CAAC,EAAC,MAAT;AAAgB,QAAA,MAAM,EAAC,SAAvB;AAAA,kBACE,MAAC,MAAD;AAAQ,UAAA,KAAK,EAAE,CAAf;AAAkB,UAAA,UAAU,EAAE,CAA9B;AAAiC,UAAA,CAAC,EAAC,MAAnC;AAA0C,UAAA,UAAU,EAAC,QAArD;AAAA,qBACE,KAAC,KAAD,CAAO,IAAP;AAAY,YAAA,IAAI,EAAC;AAAjB,YADF,EAEE,KAAC,IAAD;AACE,YAAA,QAAQ,EAAC,IADX;AAEE,YAAA,UAAU,EAAC,QAFb;AAGE,YAAA,KAAK,EAAE;AAAEA,cAAAA,KAAK,EAAE;AAAT,aAHT;AAAA;AAAA,YAFF,EAUE,KAAC,GAAD;AACE,YAAA,KAAK,EAAE;AAAEG,cAAAA,SAAS,EAAE;AAAb,aADT;AAEE,YAAA,KAAK,EAAE;AAAED,cAAAA,KAAK,EAAE;AAAEF,gBAAAA,KAAK,EAAE;AAAT;AAAT,aAFT;AAAA;AAAA,YAVF;AAAA;AADF,QAhCF;AAAA;AADF,IADF;AAyDD","sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Box,\n  IconButton,\n  CloseIcon,\n  HStack,\n  VStack,\n  Text,\n  Center,\n} from 'native-base';\n\nexport function Example() {\n  return (\n    <Center>\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                _focus={{ borderWidth: 0 }}\n                icon={<CloseIcon size=\"3\" />}\n                _icon={{ 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\n              application 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\n              application and respond within the next 48 hours.\n            </Box>\n          </VStack>\n        </Alert>\n      </VStack>\n    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}