{"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  var values = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      pointerEvents: 'box-none',\n      elevation: 5,\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 3.84\n    },\n    720: {\n      backgroundColor: 'black',\n      pointerEvents: 'none',\n      elevation: 5,\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 3.84\n    }\n  });\n  return React.createElement(View, {\n    style: styles.container,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 10\n    }\n  });\n}\nvar styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\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","values","backgroundColor","pointerEvents","elevation","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","styles","container","StyleSheet","create","flex","alignItems","justifyContent","box","marginVertical"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;;AAGA,SAASC,mBAAT;AAEA,eAAe,SAASC,GAAT,GAAe;AAC5B,MAAMC,MAAM,GAAGF,mBAAmB,CAAC;AACjC,SAAK;AACHG,MAAAA,eAAe,EAAE,OADd;AAEHC,MAAAA,aAAa,EAAE,UAFZ;AAGHC,MAAAA,SAAS,EAAE,CAHR;AAIHC,MAAAA,WAAW,EAAE,MAJV;AAKHC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,CADK;AAEZC,QAAAA,MAAM,EAAE;AAFI,OALX;AASHC,MAAAA,aAAa,EAAE,IATZ;AAUHC,MAAAA,YAAY,EAAE;AAVX,KAD4B;AAajC,SAAK;AACHR,MAAAA,eAAe,EAAE,OADd;AAEHC,MAAAA,aAAa,EAAE,MAFZ;AAGHC,MAAAA,SAAS,EAAE,CAHR;AAIHC,MAAAA,WAAW,EAAE,MAJV;AAKHC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,CADK;AAEZC,QAAAA,MAAM,EAAE;AAFI,OALX;AASHC,MAAAA,aAAa,EAAE,IATZ;AAUHC,MAAAA,YAAY,EAAE;AAVX;AAb4B,GAAD,CAAlC;AA2BA,SAAO,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC,SAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD;AAED,IAAMD,MAAM,GAAGE,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BC,EAAAA,GAAG,EAAE;AACHX,IAAAA,KAAK,EAAE,EADJ;AAEHC,IAAAA,MAAM,EAAE,EAFL;AAGHW,IAAAA,cAAc,EAAE;AAHb;AAN0B,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\n\nimport { StyleSheet, View, Text } from 'react-native';\nimport { useResponsiveStyles } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  const values = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      pointerEvents: 'box-none',\n      elevation: 5,\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 3.84,\n    },\n    720: {\n      backgroundColor: 'black',\n      pointerEvents: 'none',\n      elevation: 5,\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 3.84,\n    },\n  });\n\n  return <View style={styles.container}></View>;\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  box: {\n    width: 60,\n    height: 60,\n    marginVertical: 20,\n  },\n});\n"]},"metadata":{},"sourceType":"module"}