{"ast":null,"code":"import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/Wrapper.tsx\",\n _this = this;\n\nimport React from 'react';\nimport { Box, NativeBaseProvider, useColorMode, IconButton, MoonIcon, useColorModeValue, Tooltip, SunIcon, extendTheme, Button } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport Config from \"../../../nativebase.config\";\nvar myTheme = extendTheme({\n space: {\n mySpace: '29px'\n },\n components: {\n Button: {\n variants: {\n myBtn: {\n padding: 10\n }\n }\n }\n }\n});\n\nfunction MyWrapper(_ref) {\n var children = _ref.children;\n\n var _useColorMode = useColorMode(),\n colorMode = _useColorMode.colorMode,\n toggleColorMode = _useColorMode.toggleColorMode;\n\n var bgColor = useColorModeValue(\"pink.500\", \"gray.800\");\n return React.createElement(Box, {\n flex: 1,\n px: \"3\",\n justifyContent: \"center\",\n alignItems: \"center\",\n bg: bgColor,\n safeAreaY: true\n }, React.createElement(Tooltip, {\n label: colorMode === 'dark' ? 'Enable light mode' : 'Enable dark mode',\n placement: \"bottom right\",\n openDelay: 300,\n closeOnClick: false\n }, React.createElement(IconButton, {\n position: \"absolute\",\n top: 12,\n right: 8,\n zIndex: 4,\n onPress: toggleColorMode,\n icon: colorMode === 'dark' ? React.createElement(SunIcon, null) : React.createElement(MoonIcon, null)\n })), children);\n}\n\nexport function RenderTestButton() {\n var _React$useState = React.useState(1),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n state = _React$useState2[0],\n setState = _React$useState2[1];\n\n return React.createElement(Box, {\n style: {\n position: 'absolute',\n top: 10,\n left: 20\n }\n }, React.createElement(Button, {\n title: state.toString(),\n onPress: function onPress() {\n return setState(state + 1);\n }\n }));\n}\nexport default (function (_ref2) {\n var children = _ref2.children,\n theme = _ref2.theme;\n var colorModeManager = {\n get: function get() {\n var val;\n return _regeneratorRuntime.async(function get$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return _regeneratorRuntime.awrap(AsyncStorage.getItem('@example-wrapper-mode'));\n\n case 3:\n val = _context.sent;\n return _context.abrupt(\"return\", val === 'dark' ? 'dark' : 'light');\n\n case 7:\n _context.prev = 7;\n _context.t0 = _context[\"catch\"](0);\n console.log(_context.t0);\n return _context.abrupt(\"return\", 'light');\n\n case 11:\n case \"end\":\n return _context.stop();\n }\n }\n }, null, null, [[0, 7]], Promise);\n },\n set: function set(value) {\n return _regeneratorRuntime.async(function set$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return _regeneratorRuntime.awrap(AsyncStorage.setItem('@example-wrapper-mode', value));\n\n case 3:\n _context2.next = 8;\n break;\n\n case 5:\n _context2.prev = 5;\n _context2.t0 = _context2[\"catch\"](0);\n console.log(_context2.t0);\n\n case 8:\n case \"end\":\n return _context2.stop();\n }\n }\n }, null, null, [[0, 5]], Promise);\n }\n };\n return React.createElement(NativeBaseProvider, {\n theme: theme,\n config: Config,\n colorModeManager: colorModeManager,\n initialWindowMetrics: {\n frame: {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n },\n insets: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0\n }\n }\n }, React.createElement(MyWrapper, null, children));\n});","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/Wrapper.tsx"],"names":["React","Box","NativeBaseProvider","useColorMode","IconButton","MoonIcon","useColorModeValue","Tooltip","SunIcon","extendTheme","Button","AsyncStorage","Config","myTheme","space","mySpace","components","variants","myBtn","padding","MyWrapper","children","colorMode","toggleColorMode","bgColor","RenderTestButton","useState","state","setState","position","top","left","toString","theme","colorModeManager","get","getItem","val","console","log","set","value","setItem","frame","x","y","width","height","insets","right","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Box,\n NativeBaseProvider,\n useColorMode,\n IconButton,\n MoonIcon,\n ColorMode,\n useColorModeValue,\n Tooltip,\n SunIcon,\n extendTheme,\n Button,\n} from 'native-base';\nimport type { StorageManager } from 'native-base';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\nimport Config from '../../../nativebase.config';\n\nconst myTheme = extendTheme({\n space: {\n mySpace: '29px',\n },\n components: {\n Button: {\n variants: {\n myBtn: {\n padding: 10,\n },\n },\n },\n },\n});\n\ntype MyThemeType = typeof myTheme;\ndeclare module 'native-base' {\n interface ICustomTheme extends MyThemeType {}\n}\n\nfunction MyWrapper({ children }: any) {\n const { colorMode, toggleColorMode } = useColorMode();\n\n const bgColor = useColorModeValue(`pink.500`, `gray.800`);\n\n return (\n \n \n : }\n />\n \n {children}\n \n );\n}\n\nexport function RenderTestButton() {\n const [state, setState] = React.useState(1);\n return (\n \n