{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/Slide.tsx\";\n\nimport React from 'react';\nimport { Slide, Button, Alert, Text, Box } 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(Box, {\n    h: \"32\",\n    w: \"300\"\n  }, React.createElement(Slide, {\n    in: isOpenTop,\n    placement: \"top\"\n  }, React.createElement(Alert, {\n    justifyContent: \"center\",\n    status: \"error\"\n  }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n    color: \"error.600\",\n    fontWeight: \"medium\"\n  }, \"No Internet Connection\"))), React.createElement(Button, {\n    mt: \"auto\",\n    onPress: function onPress() {\n      return setIsOpenTop(!isOpenTop);\n    },\n    variant: \"unstyled\",\n    bg: \"coolGray.700:alpha.30\"\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","Box","Example","useState","isOpenTop","setIsOpenTop","str"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,KAAxB,EAA+BC,IAA/B,EAAqCC,GAArC;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACON,KAAK,CAACO,QAAN,CAAe,KAAf,CADP;AAAA;AAAA,MACpBC,SADoB;AAAA,MACTC,YADS;;AAE3B,MAAMC,GAAG,SAAMF,SAAS,GAAG,MAAH,GAAY,2BAA3B,CAAT;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,IAAP;AAAY,IAAA,CAAC,EAAC;AAAd,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;AAAtC,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,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMC,YAAY,CAAC,CAACD,SAAF,CAAlB;AAAA,KAFX;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,EAAE,EAAC;AAJL,KAMGE,GANH,CATF,CADF;AAoBD,CAvBM","sourcesContent":["import React from 'react';\nimport { Slide, Button, Alert, Text, Box } from 'native-base';\nexport const Example = () => {\n  const [isOpenTop, setIsOpenTop] = React.useState(false);\n  const str = `${isOpenTop ? 'Hide' : 'Check Internet Connection'}`;\n  return (\n    <Box h=\"32\" w=\"300\">\n      <Slide in={isOpenTop} placement=\"top\">\n        <Alert justifyContent=\"center\" status=\"error\">\n          <Alert.Icon />\n          <Text color=\"error.600\" fontWeight=\"medium\">\n            No Internet Connection\n          </Text>\n        </Alert>\n      </Slide>\n      <Button\n        mt=\"auto\"\n        onPress={() => setIsOpenTop(!isOpenTop)}\n        variant=\"unstyled\"\n        bg=\"coolGray.700:alpha.30\"\n      >\n        {str}\n      </Button>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}