{"ast":null,"code":"var _jsxFileName = \"/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx\";\nimport * as React from 'react';\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport View from \"react-native-web/dist/exports/View\";\nimport { useResponsiveStyles } from \"/Users/nishan/Desktop/oss/responsive-breakpoints/src/index\";\nexport default function App() {\n  useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100\n    }\n  });\n  return React.createElement(View, {\n    dataSet: {\n      xyz: true\n    },\n    style: styles.container,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 10\n    }\n  });\n}\nvar styles = StyleSheet.create({\n  container: {},\n  box: {\n    width: 60,\n    height: 60,\n    marginVertical: 20\n  }\n});","map":{"version":3,"sources":["/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx"],"names":["React","useResponsiveStyles","App","backgroundColor","height","width","xyz","styles","container","StyleSheet","create","box","marginVertical"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;;AAGA,SAASC,mBAAT;AAEA,eAAe,SAASC,GAAT,GAAe;AAC5BD,EAAAA,mBAAmB,CAAC;AAClB,SAAK;AACHE,MAAAA,eAAe,EAAE,OADd;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,KAAK,EAAE;AAHJ;AADa,GAAD,CAAnB;AAQA,SAAO,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAE;AAAEC,MAAAA,GAAG,EAAE;AAAP,KAAf;AAA8B,IAAA,KAAK,EAAEC,MAAM,CAACC,SAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD;AAED,IAAMD,MAAM,GAAGE,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE,EADoB;AAE/BG,EAAAA,GAAG,EAAE;AACHN,IAAAA,KAAK,EAAE,EADJ;AAEHD,IAAAA,MAAM,EAAE,EAFL;AAGHQ,IAAAA,cAAc,EAAE;AAHb;AAF0B,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\n\nimport { StyleSheet, View } from 'react-native';\nimport { useResponsiveStyles } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100,\n    },\n  });\n\n  return <View dataSet={{ xyz: true }} style={styles.container}></View>;\n}\n\nconst styles = StyleSheet.create({\n  container: {},\n  box: {\n    width: 60,\n    height: 60,\n    marginVertical: 20,\n  },\n});\n"]},"metadata":{},"sourceType":"module"}