{"ast":null,"code":"import React from 'react';\nimport { Stack, Alert, HStack, VStack, Text, Divider, ScrollView } 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\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nexport function Example() {\n  var getTextColor = function getTextColor(variant) {\n    switch (variant) {\n      case 'left-accent':\n      case 'top-accent':\n      case 'subtle':\n        return 'coolGray.800';\n\n      case 'solid':\n        return 'warmGray.50';\n    }\n  };\n\n  return _jsx(ScrollView, {\n    px: \"30\",\n    my: \"3\",\n    showsVerticalScrollIndicator: false,\n    children: _jsx(Stack, {\n      space: 3,\n      w: \"100%\",\n      children: ['solid', 'left-accent', 'top-accent', 'outline', 'subtle', 'outline-light'].map(function (key) {\n        return _jsxs(_Fragment, {\n          children: [_jsx(Text, {\n            bold: true,\n            fontSize: \"xl\",\n            mb: \"4\",\n            textAlign: \"center\",\n            children: key\n          }), _jsx(Alert, {\n            w: \"100%\",\n            variant: key,\n            colorScheme: \"success\",\n            status: \"success\",\n            children: _jsx(VStack, {\n              space: 2,\n              flexShrink: 1,\n              w: \"100%\",\n              children: _jsx(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(Text, {\n                    color: getTextColor(key),\n                    children: \"Selection successfully moved!\"\n                  })]\n                })\n              })\n            })\n          }), _jsx(Divider, {\n            mt: \"5\",\n            mb: \"2.5\"\n          })]\n        });\n      })\n    })\n  });\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/variant.tsx"],"names":["React","Stack","Alert","HStack","VStack","Text","Divider","ScrollView","Example","getTextColor","variant","map","key"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,KAFF,EAGEC,MAHF,EAIEC,MAJF,EAKEC,IALF,EAMEC,OANF,EAOEC,UAPF;;;;AAUA,OAAO,SAASC,OAAT,GAAmB;AACxB,MAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,OADmB,EAQhB;AACH,YAAQA,OAAR;AACE,WAAK,aAAL;AACA,WAAK,YAAL;AACA,WAAK,QAAL;AACE,eAAO,cAAP;;AACF,WAAK,OAAL;AACE,eAAO,aAAP;AANJ;AAQD,GAjBD;;AAmBA,SACE,KAAC,UAAD;AAAY,IAAA,EAAE,EAAC,IAAf;AAAoB,IAAA,EAAE,EAAC,GAAvB;AAA2B,IAAA,4BAA4B,EAAE,KAAzD;AAAA,cACE,KAAC,KAAD;AAAO,MAAA,KAAK,EAAE,CAAd;AAAiB,MAAA,CAAC,EAAC,MAAnB;AAAA,gBACG,CACC,OADD,EAEC,aAFD,EAGC,YAHD,EAIC,SAJD,EAKC,QALD,EAMC,eAND,EAOCC,GAPD,CAOK,UAACC,GAAD,EAAc;AAClB,eACE;AAAA,qBACE,KAAC,IAAD;AAAM,YAAA,IAAI,MAAV;AAAW,YAAA,QAAQ,EAAC,IAApB;AAAyB,YAAA,EAAE,EAAC,GAA5B;AAAgC,YAAA,SAAS,EAAC,QAA1C;AAAA,sBACGA;AADH,YADF,EAIE,KAAC,KAAD;AACE,YAAA,CAAC,EAAC,MADJ;AAEE,YAAA,OAAO,EAAEA,GAFX;AAGE,YAAA,WAAW,EAAC,SAHd;AAIE,YAAA,MAAM,EAAC,SAJT;AAAA,sBAME,KAAC,MAAD;AAAQ,cAAA,KAAK,EAAE,CAAf;AAAkB,cAAA,UAAU,EAAE,CAA9B;AAAiC,cAAA,CAAC,EAAC,MAAnC;AAAA,wBACE,KAAC,MAAD;AACE,gBAAA,UAAU,EAAE,CADd;AAEE,gBAAA,KAAK,EAAE,CAFT;AAGE,gBAAA,UAAU,EAAC,QAHb;AAIE,gBAAA,cAAc,EAAC,eAJjB;AAAA,0BAME,MAAC,MAAD;AAAQ,kBAAA,KAAK,EAAE,CAAf;AAAkB,kBAAA,UAAU,EAAE,CAA9B;AAAiC,kBAAA,UAAU,EAAC,QAA5C;AAAA,6BACE,KAAC,KAAD,CAAO,IAAP,KADF,EAEE,KAAC,IAAD;AAAM,oBAAA,KAAK,EAAEH,YAAY,CAACG,GAAD,CAAzB;AAAA;AAAA,oBAFF;AAAA;AANF;AADF;AANF,YAJF,EA0BE,KAAC,OAAD;AAAS,YAAA,EAAE,EAAC,GAAZ;AAAgB,YAAA,EAAE,EAAC;AAAnB,YA1BF;AAAA,UADF;AA8BD,OAtCA;AADH;AADF,IADF;AA6CD","sourcesContent":["import React from 'react';\nimport {\n  Stack,\n  Alert,\n  HStack,\n  VStack,\n  Text,\n  Divider,\n  ScrollView,\n} from 'native-base';\n\nexport function Example() {\n  const getTextColor = (\n    variant:\n      | 'solid'\n      | 'left-accent'\n      | 'top-accent'\n      | 'outline'\n      | 'subtle'\n      | 'outline-light'\n  ) => {\n    switch (variant) {\n      case 'left-accent':\n      case 'top-accent':\n      case 'subtle':\n        return 'coolGray.800';\n      case 'solid':\n        return 'warmGray.50';\n    }\n  };\n\n  return (\n    <ScrollView px=\"30\" my=\"3\" showsVerticalScrollIndicator={false}>\n      <Stack space={3} w=\"100%\">\n        {[\n          'solid',\n          'left-accent',\n          'top-accent',\n          'outline',\n          'subtle',\n          'outline-light',\n        ].map((key: any) => {\n          return (\n            <>\n              <Text bold fontSize=\"xl\" mb=\"4\" textAlign=\"center\">\n                {key}\n              </Text>\n              <Alert\n                w=\"100%\"\n                variant={key}\n                colorScheme=\"success\"\n                status=\"success\"\n              >\n                <VStack space={2} 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                      <Text color={getTextColor(key)}>\n                        Selection successfully moved!\n                      </Text>\n                    </HStack>\n                  </HStack>\n                </VStack>\n              </Alert>\n              <Divider mt=\"5\" mb=\"2.5\" />\n            </>\n          );\n        })}\n      </Stack>\n    </ScrollView>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}