{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nvar _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 Text from \"react-native-web/dist/exports/Text\";\nimport { useResponsiveStyles } from \"/Users/nishan/Desktop/oss/responsive-breakpoints/src/index\";\nexport default function App() {\n  var _React$useState = React.useState(),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      result = _React$useState2[0],\n      setResult = _React$useState2[1];\n\n  var v = useResponsiveStyles({\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  return React.createElement(View, {\n    style: styles.container,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 5\n    }\n  }, React.createElement(Text, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 7\n    }\n  }, \"Result: \", result));\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","useState","result","setResult","v","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,wBAA4BF,KAAK,CAACG,QAAN,EAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,CAAC,GAAGL,mBAAmB,CAAC;AAC5BM,IAAAA,eAAe,EAAE,OADW;AAE5BC,IAAAA,aAAa,EAAE,MAFa;AAG5BC,IAAAA,SAAS,EAAE,CAHiB;AAI5BC,IAAAA,WAAW,EAAE,MAJe;AAK5BC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KALc;AAS5BC,IAAAA,aAAa,EAAE,IATa;AAU5BC,IAAAA,YAAY,EAAE;AAVc,GAAD,CAA7B;AAaA,SACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC,SAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAeb,MAAf,CADF,CADF;AAKD;AAED,IAAMY,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 [result, setResult] = React.useState<number | undefined>();\n  const v = useResponsiveStyles({\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 (\n    <View style={styles.container}>\n      <Text>Result: {result}</Text>\n    </View>\n  );\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"}