{"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, useColorModeValue } 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    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 5\n    }\n  }, React.createElement(Slide, {\n    in: isOpenTop,\n    placement: \"top\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 7\n    }\n  }, React.createElement(Alert, {\n    justifyContent: \"center\",\n    status: \"error\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 9\n    }\n  }, React.createElement(Alert.Icon, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 11\n    }\n  }), React.createElement(Text, {\n    color: \"error.600\",\n    fontWeight: \"medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 11\n    }\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    _text: {\n      color: useColorModeValue('darkText', 'lightText')\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 7\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","Box","useColorModeValue","Example","useState","isOpenTop","setIsOpenTop","str","color"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,KAHF,EAIEC,IAJF,EAKEC,GALF,EAMEC,iBANF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,wBAAkCP,KAAK,CAACQ,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,MAAMC,GAAG,SAAMF,SAAS,GAAG,MAAH,GAAY,2BAA3B,CAAT;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,IAAP;AAAY,IAAA,CAAC,EAAC,KAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAEA,SAAX;AAAsB,IAAA,SAAS,EAAC,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,cAAc,EAAC,QAAtB;AAA+B,IAAA,MAAM,EAAC,OAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD,CAAO,IAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,WAAZ;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,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,uBAJL;AAKE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEN,iBAAiB,CAAC,UAAD,EAAa,WAAb;AAA1B,KALT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOGK,GAPH,CATF,CADF;AAqBD,CAxBM","sourcesContent":["import React from 'react';\nimport {\n  Slide,\n  Button,\n  Alert,\n  Text,\n  Box,\n  useColorModeValue,\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    <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        _text={{ color: useColorModeValue('darkText', 'lightText') }}\n      >\n        {str}\n      </Button>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}