{"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\";\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: 800,\n      style: {\n        backgroundColor: 'black'\n      }\n    }, {\n      minWidth: 500,\n      style: {\n        backgroundColor: 'pink'\n      }\n    }, {\n      minWidth: 1200,\n      style: {\n        backgroundColor: 'purple'\n      }\n    }]\n  }),\n      dataSet = _useResponsive.dataSet,\n      styles = _useResponsive.styles;\n\n  var _useResponsive2 = useResponsive({\n    initial: {\n      backgroundColor: 'yellow',\n      height: 200,\n      width: 200\n    },\n    query: [{\n      minWidth: 800,\n      style: {\n        backgroundColor: 'black'\n      }\n    }, {\n      minWidth: 500,\n      style: {\n        backgroundColor: 'pink'\n      }\n    }, {\n      minWidth: 1200,\n      style: {\n        backgroundColor: 'purple'\n      }\n    }]\n  }),\n      dataSet2 = _useResponsive2.dataSet,\n      styles2 = _useResponsive2.styles;\n\n  console.log('hihu ', dataSet);\n  return React.createElement(React.Fragment, null, React.createElement(View, {\n    dataSet: dataSet,\n    style: styles,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 7\n    }\n  }), React.createElement(View, {\n    dataSet: dataSet2,\n    style: styles2,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 7\n    }\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","dataSet2","styles2","console","log"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,SAASC,aAAT;AAEA,eAAe,SAASC,GAAT,GAAe;AAC5B,uBAA4BD,aAAa,CAAC;AACxCE,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAE,QADV;AAEPC,MAAAA,MAAM,EAAE,GAFD;AAGPC,MAAAA,KAAK,EAAE;AAHA,KAD+B;AAMxCC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,GADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KADK,EAOL;AACEI,MAAAA,QAAQ,EAAE,GADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KAPK,EAaL;AACEI,MAAAA,QAAQ,EAAE,IADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KAbK;AANiC,GAAD,CAAzC;AAAA,MAAQM,OAAR,kBAAQA,OAAR;AAAA,MAAiBC,MAAjB,kBAAiBA,MAAjB;;AA4BA,wBAA+CV,aAAa,CAAC;AAC3DE,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAE,QADV;AAEPC,MAAAA,MAAM,EAAE,GAFD;AAGPC,MAAAA,KAAK,EAAE;AAHA,KADkD;AAM3DC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,GADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KADK,EAOL;AACEI,MAAAA,QAAQ,EAAE,GADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KAPK,EAaL;AACEI,MAAAA,QAAQ,EAAE,IADZ;AAEEC,MAAAA,KAAK,EAAE;AACLL,QAAAA,eAAe,EAAE;AADZ;AAFT,KAbK;AANoD,GAAD,CAA5D;AAAA,MAAiBQ,QAAjB,mBAAQF,OAAR;AAAA,MAAmCG,OAAnC,mBAA2BF,MAA3B;;AA4BAG,EAAAA,OAAO,CAACC,GAAR,CAAY,OAAZ,EAAqBL,OAArB;AACA,SACE,0CACE,oBAAC,IAAD;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAEC,MAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAOE,oBAAC,IAAD;AAEE,IAAA,OAAO,EAAEC,QAFX;AAGE,IAAA,KAAK,EAAEC,OAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAPF,CADF;AAeD","sourcesContent":["import * as React from 'react';\n\nimport { View } from 'react-native';\nimport { useResponsive } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  const { dataSet, styles } = useResponsive({\n    initial: {\n      backgroundColor: 'yellow',\n      height: 200,\n      width: 200,\n    },\n    query: [\n      {\n        minWidth: 800,\n        style: {\n          backgroundColor: 'black',\n        },\n      },\n      {\n        minWidth: 500,\n        style: {\n          backgroundColor: 'pink',\n        },\n      },\n      {\n        minWidth: 1200,\n        style: {\n          backgroundColor: 'purple',\n        },\n      },\n    ],\n  });\n\n  const { dataSet: dataSet2, styles: styles2 } = useResponsive({\n    initial: {\n      backgroundColor: 'yellow',\n      height: 200,\n      width: 200,\n    },\n    query: [\n      {\n        minWidth: 800,\n        style: {\n          backgroundColor: 'black',\n        },\n      },\n      {\n        minWidth: 500,\n        style: {\n          backgroundColor: 'pink',\n        },\n      },\n      {\n        minWidth: 1200,\n        style: {\n          backgroundColor: 'purple',\n        },\n      },\n    ],\n  });\n\n  console.log('hihu ', dataSet);\n  return (\n    <>\n      <View\n        //@ts-ignore - web only prop\n        dataSet={dataSet}\n        style={styles}\n      />\n\n      <View\n        //@ts-ignore - web only prop\n        dataSet={dataSet2}\n        style={styles2}\n      />\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}