{"ast":null,"code":"var _jsxFileName = \"/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx\";\nimport * as React from 'react';\nimport View from \"react-native-web/dist/exports/View\";\nexport default function App() {\n  return React.createElement(View, {\n    style: {\n      height: 100\n    },\n    pointerEvents: \"box-none\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 5\n    }\n  }, React.createElement(View, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 7\n    }\n  }, \"hii\"));\n}","map":{"version":3,"sources":["/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx"],"names":["React","App","height"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAKA,eAAe,SAASC,GAAT,GAAe;AAe5B,SACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAAb;AAA8B,IAAA,aAAa,EAAC,UAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\n\nimport { View } from 'react-native';\nimport { useResponsiveStyles } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  // const { dataId } = useResponsiveStyles({\n  //   480: {\n  //     backgroundColor: 'black',\n  //     height: 100,\n  //     width: 100,\n  //   },\n  //   800: {\n  //     backgroundColor: 'pink',\n  //     height: 50,\n  //     width: 50,\n  //     pointerEvents: 'box-none',\n  //   },\n  // });\n\n  return (\n    <View style={{ height: 100 }} pointerEvents=\"box-none\">\n      <View>hii</View>\n    </View>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}