{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Alert/variant.tsx\";\nimport React from 'react';\nimport { Stack, Alert, HStack, VStack, Text, Divider, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\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 React.createElement(Center, null, React.createElement(Stack, {\n    space: 3,\n    w: \"90%\",\n    maxW: \"400\"\n  }, ['solid', 'left-accent', 'top-accent', 'outline', 'subtle', 'outline-light'].map(function (key) {\n    return React.createElement(React.Fragment, null, React.createElement(Text, {\n      bold: true,\n      fontSize: \"xl\",\n      mb: \"4\",\n      textAlign: \"center\"\n    }, key), React.createElement(Alert, {\n      w: \"100%\",\n      variant: key,\n      colorScheme: \"success\",\n      status: \"success\"\n    }, React.createElement(VStack, {\n      space: 2,\n      flexShrink: 1,\n      w: \"100%\"\n    }, React.createElement(HStack, {\n      flexShrink: 1,\n      space: 2,\n      alignItems: \"center\",\n      justifyContent: \"space-between\"\n    }, React.createElement(HStack, {\n      space: 2,\n      flexShrink: 1,\n      alignItems: \"center\"\n    }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n      color: getTextColor(key)\n    }, \"Selection successfully moved!\"))))), React.createElement(Divider, {\n      mt: \"5\",\n      mb: \"2.5\"\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","Center","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,MAPF;AAUA,OAAO,SAASC,OAAT,GAAmB;AAAA;;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,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC,KAAnB;AAAyB,IAAA,IAAI,EAAC;AAA9B,KACG,CACC,OADD,EAEC,aAFD,EAGC,YAHD,EAIC,SAJD,EAKC,QALD,EAMC,eAND,EAOCC,GAPD,CAOK,UAACC,GAAD,EAAc;AAClB,WACE,0CACE,oBAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAW,MAAA,QAAQ,EAAC,IAApB;AAAyB,MAAA,EAAE,EAAC,GAA5B;AAAgC,MAAA,SAAS,EAAC;AAA1C,OACGA,GADH,CADF,EAIE,oBAAC,KAAD;AACE,MAAA,CAAC,EAAC,MADJ;AAEE,MAAA,OAAO,EAAEA,GAFX;AAGE,MAAA,WAAW,EAAC,SAHd;AAIE,MAAA,MAAM,EAAC;AAJT,OAME,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,CAAC,EAAC;AAAnC,OACE,oBAAC,MAAD;AACE,MAAA,UAAU,EAAE,CADd;AAEE,MAAA,KAAK,EAAE,CAFT;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,cAAc,EAAC;AAJjB,OAME,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAE,CAA9B;AAAiC,MAAA,UAAU,EAAC;AAA5C,OACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEH,YAAY,CAACG,GAAD;AAAzB,uCAFF,CANF,CADF,CANF,CAJF,EA0BE,oBAAC,OAAD;AAAS,MAAA,EAAE,EAAC,GAAZ;AAAgB,MAAA,EAAE,EAAC;AAAnB,MA1BF,CADF;AA8BD,GAtCA,CADH,CADF,CADF;AA6CD","sourcesContent":["import React from 'react';\nimport {\n  Stack,\n  Alert,\n  HStack,\n  VStack,\n  Text,\n  Divider,\n  Center,\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    <Center>\n      <Stack space={3} w=\"90%\" maxW=\"400\">\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    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}