{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Slide, Button, Alert, Text, useColorModeValue, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      isOpenTop = _React$useState2[0],\n      setIsOpenTop = _React$useState2[1];\n\n  var str = \"\" + (isOpenTop ? 'Hide' : 'Check Internet Connection');\n  return React.createElement(Center, {\n    h: \"32\"\n  }, React.createElement(Slide, {\n    in: isOpenTop,\n    placement: \"top\"\n  }, React.createElement(Alert, {\n    justifyContent: \"center\",\n    status: \"error\",\n    safeAreaTop: 8\n  }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n    color: \"error.600\",\n    fontWeight: \"medium\"\n  }, \"No Internet Connection\"))), React.createElement(Button, {\n    onPress: function onPress() {\n      return setIsOpenTop(!isOpenTop);\n    },\n    variant: \"unstyled\",\n    bg: \"coolGray.700:alpha.30\",\n    _text: {\n      color: useColorModeValue('darkText', 'lightText')\n    }\n  }, str));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/Slide.tsx"],"names":["React","Slide","Button","Alert","Text","useColorModeValue","Center","Example","useState","isOpenTop","setIsOpenTop","str","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,KAHF,EAIEC,IAJF,EAKEC,iBALF,EAMEC,MANF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACOP,KAAK,CAACQ,QAAN,CAAe,KAAf,CADP;AAAA;AAAA,MACpBC,SADoB;AAAA,MACTC,YADS;;AAE3B,MAAMC,GAAG,SAAMF,SAAS,GAAG,MAAH,GAAY,2BAA3B,CAAT;AACA,SACE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC;AAAV,KACE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAEA,SAAX;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACE,oBAAC,KAAD;AAAO,IAAA,cAAc,EAAC,QAAtB;AAA+B,IAAA,MAAM,EAAC,OAAtC;AAA8C,IAAA,WAAW,EAAE;AAA3D,KACE,oBAAC,KAAD,CAAO,IAAP,OADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,WAAZ;AAAwB,IAAA,UAAU,EAAC;AAAnC,8BAFF,CADF,CADF,EASE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAMC,YAAY,CAAC,CAACD,SAAF,CAAlB;AAAA,KADX;AAEE,IAAA,OAAO,EAAC,UAFV;AAGE,IAAA,EAAE,EAAC,uBAHL;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEP,iBAAiB,CAAC,UAAD,EAAa,WAAb;AAA1B;AAJT,KAMGM,GANH,CATF,CADF;AAoBD,CAvBM","sourcesContent":["import React from 'react';\nimport {\n  Slide,\n  Button,\n  Alert,\n  Text,\n  useColorModeValue,\n  Center,\n} from 'native-base';\nexport const Example = () => {\n  const [isOpenTop, setIsOpenTop] = React.useState(false);\n  const str = `${isOpenTop ? 'Hide' : 'Check Internet Connection'}`;\n  return (\n    <Center h=\"32\">\n      <Slide in={isOpenTop} placement=\"top\">\n        <Alert justifyContent=\"center\" status=\"error\" safeAreaTop={8}>\n          <Alert.Icon />\n          <Text color=\"error.600\" fontWeight=\"medium\">\n            No Internet Connection\n          </Text>\n        </Alert>\n      </Slide>\n      <Button\n        onPress={() => setIsOpenTop(!isOpenTop)}\n        variant=\"unstyled\"\n        bg=\"coolGray.700:alpha.30\"\n        _text={{ color: useColorModeValue('darkText', 'lightText') }}\n      >\n        {str}\n      </Button>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}