{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React, { useState } from 'react';\nimport { StatusBar, Box, Text, Button } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      hidden = _useState2[0],\n      setHidden = _useState2[1];\n\n  var changeStatusBarVisibility = function changeStatusBarVisibility() {\n    return setHidden(!hidden);\n  };\n\n  return React.createElement(Box, {\n    flex: 1,\n    justifyContent: \"center\",\n    safeArea: true\n  }, React.createElement(StatusBar, {\n    animated: true,\n    backgroundColor: \"#61dafb\",\n    barStyle: \"default\",\n    showHideTransition: \"fade\",\n    hidden: hidden\n  }), React.createElement(Text, {\n    textAlign: \"center\",\n    mb: 3\n  }, \"StatusBar Visibility:\", '\\n', hidden ? 'Hidden' : 'Visible'), React.createElement(Box, {\n    p: 10\n  }, React.createElement(Button, {\n    onPress: changeStatusBarVisibility\n  }, \"Toggle StatusBar\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/StatusBar/Basic.tsx"],"names":["React","useState","StatusBar","Box","Text","Button","Example","hidden","setHidden","changeStatusBarVisibility"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,IAAzB,EAA+BC,MAA/B;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACCL,QAAQ,CAAC,KAAD,CADT;AAAA;AAAA,MACpBM,MADoB;AAAA,MACZC,SADY;;AAE3B,MAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,WAAMD,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA,GAAlC;;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,IAAI,EAAE,CAAX;AAAc,IAAA,cAAc,EAAC,QAA7B;AAAsC,IAAA,QAAQ;AAA9C,KACE,oBAAC,SAAD;AACE,IAAA,QAAQ,EAAE,IADZ;AAEE,IAAA,eAAe,EAAC,SAFlB;AAGE,IAAA,QAAQ,EAAC,SAHX;AAIE,IAAA,kBAAkB,EAAC,MAJrB;AAKE,IAAA,MAAM,EAAEA;AALV,IADF,EAQE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,QAAhB;AAAyB,IAAA,EAAE,EAAE;AAA7B,8BACwB,IADxB,EAEGA,MAAM,GAAG,QAAH,GAAc,SAFvB,CARF,EAYE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE;AAAR,KACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAEE;AAAjB,wBADF,CAZF,CADF;AAkBD,CArBM","sourcesContent":["import React, { useState } from 'react';\nimport { StatusBar, Box, Text, Button } from 'native-base';\n\nexport const Example = () => {\n  const [hidden, setHidden] = useState(false);\n  const changeStatusBarVisibility = () => setHidden(!hidden);\n  return (\n    <Box flex={1} justifyContent=\"center\" safeArea>\n      <StatusBar\n        animated={true}\n        backgroundColor=\"#61dafb\"\n        barStyle=\"default\"\n        showHideTransition=\"fade\"\n        hidden={hidden}\n      />\n      <Text textAlign=\"center\" mb={3}>\n        StatusBar Visibility:{'\\n'}\n        {hidden ? 'Hidden' : 'Visible'}\n      </Text>\n      <Box p={10}>\n        <Button onPress={changeStatusBarVisibility}>Toggle StatusBar</Button>\n      </Box>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}