{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useSafeArea/Flexible.tsx\",\n    _this = this;\n\nimport React from 'react';\nimport { NativeBaseProvider, Text, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\n\nfunction MyComponent() {\n  return React.createElement(Box, {\n    bg: \"teal.400\",\n    height: 200,\n    width: 200,\n    safeAreaTop: true\n  }, React.createElement(Text, null, \"NativeBase\"));\n}\n\nexport var Example = function Example() {\n  return React.createElement(NativeBaseProvider, null, React.createElement(MyComponent, null));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useSafeArea/Flexible.tsx"],"names":["React","NativeBaseProvider","Text","Box","MyComponent","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,EAA6BC,IAA7B,EAAmCC,GAAnC;;AACA,SAASC,WAAT,GAAuB;AACrB,SAEE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,UAAR;AAAmB,IAAA,MAAM,EAAE,GAA3B;AAAgC,IAAA,KAAK,EAAE,GAAvC;AAA4C,IAAA,WAAW;AAAvD,KACE,oBAAC,IAAD,qBADF,CAFF;AAMD;;AAED,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,kBAAD,QACE,oBAAC,WAAD,OADF,CADF;AAKD,CANM","sourcesContent":["import React from 'react';\nimport { NativeBaseProvider, Text, Box } from 'native-base';\nfunction MyComponent() {\n  return (\n    // This would look different on devices with different insets\n    <Box bg=\"teal.400\" height={200} width={200} safeAreaTop>\n      <Text>NativeBase</Text>\n    </Box>\n  );\n}\n\nexport const Example = () => {\n  return (\n    <NativeBaseProvider>\n      <MyComponent />\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}