{"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 { useResponsive } from \"/Users/nishan/Desktop/oss/responsive-breakpoints/src/index\";\nexport default function App() {\n  var _useResponsive = useResponsive({\n    initial: {\n      backgroundColor: 'yellow',\n      height: 200,\n      width: 200\n    },\n    query: [{\n      minWidth: 400,\n      style: {\n        height: 500,\n        width: 500,\n        backgroundColor: 'black'\n      }\n    }]\n  }),\n      dataSet = _useResponsive.dataSet;\n\n  return React.createElement(View, {\n    dataSet: dataSet,\n    style: styles.view,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 10\n    }\n  });\n}\nvar styles = StyleSheet.create({\n  view: {\n    backgroundColor: 'yellow',\n    height: 200,\n    width: 200\n  }\n});","map":{"version":3,"sources":["/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx"],"names":["React","useResponsive","App","initial","backgroundColor","height","width","query","minWidth","style","dataSet","styles","view","StyleSheet","create"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;;AAGA,SAEEC,aAFF;AAKA,eAAe,SAASC,GAAT,GAAe;AAC5B,uBAAoBD,aAAa,CAAC;AAChCE,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAE,QADV;AAEPC,MAAAA,MAAM,EAAE,GAFD;AAGPC,MAAAA,KAAK,EAAE;AAHA,KADuB;AAMhCC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,GADZ;AAEEC,MAAAA,KAAK,EAAE;AACLJ,QAAAA,MAAM,EAAE,GADH;AAELC,QAAAA,KAAK,EAAE,GAFF;AAGLF,QAAAA,eAAe,EAAE;AAHZ;AAFT,KADK;AANyB,GAAD,CAAjC;AAAA,MAAQM,OAAR,kBAAQA,OAAR;;AAkBA,SAAO,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEA,OAAf;AAAwB,IAAA,KAAK,EAAEC,MAAM,CAACC,IAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD;AAED,IAAMD,MAAM,GAAGE,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,IAAI,EAAE;AACJR,IAAAA,eAAe,EAAE,QADb;AAEJC,IAAAA,MAAM,EAAE,GAFJ;AAGJC,IAAAA,KAAK,EAAE;AAHH;AADyB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\n\nimport { StyleSheet, View } from 'react-native';\nimport {\n  useResponsiveStyles,\n  useResponsive,\n} from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  const { dataSet } = useResponsive({\n    initial: {\n      backgroundColor: 'yellow',\n      height: 200,\n      width: 200,\n    },\n    query: [\n      {\n        minWidth: 400,\n        style: {\n          height: 500,\n          width: 500,\n          backgroundColor: 'black',\n        },\n      },\n    ],\n  });\n\n  return <View dataSet={dataSet} style={styles.view} />;\n}\n\nconst styles = StyleSheet.create({\n  view: {\n    backgroundColor: 'yellow',\n    height: 200,\n    width: 200,\n  },\n});\n"]},"metadata":{},"sourceType":"module"}