{"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 { useResponsiveStyles } from \"/Users/nishan/Desktop/oss/responsive-breakpoints/src/index\";\nexport default function App() {\n  var _useResponsiveStyles = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100,\n      margin: 100\n    },\n    800: {\n      backgroundColor: 'pink',\n      height: 50,\n      width: 50\n    }\n  }),\n      dataId = _useResponsiveStyles.dataId;\n\n  return React.createElement(View, {\n    dataSet: dataId,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 10\n    }\n  });\n}","map":{"version":3,"sources":["/Users/nishan/Desktop/oss/responsive-breakpoints/example/src/App.tsx"],"names":["React","useResponsiveStyles","App","backgroundColor","height","width","margin","dataId"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,SAASC,mBAAT;AAEA,eAAe,SAASC,GAAT,GAAe;AAC5B,6BAAmBD,mBAAmB,CAAC;AACrC,SAAK;AACHE,MAAAA,eAAe,EAAE,OADd;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,KAAK,EAAE,GAHJ;AAIHC,MAAAA,MAAM,EAAE;AAJL,KADgC;AAOrC,SAAK;AACHH,MAAAA,eAAe,EAAE,MADd;AAEHC,MAAAA,MAAM,EAAE,EAFL;AAGHC,MAAAA,KAAK,EAAE;AAHJ;AAPgC,GAAD,CAAtC;AAAA,MAAQE,MAAR,wBAAQA,MAAR;;AAcA,SAAO,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEA,MAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD","sourcesContent":["import * as React from 'react';\n\nimport { View } from 'react-native';\nimport { useResponsiveStyles } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  const { dataId } = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100,\n      margin: 100,\n    },\n    800: {\n      backgroundColor: 'pink',\n      height: 50,\n      width: 50,\n    },\n  });\n\n  return <View dataSet={dataId} />;\n}\n"]},"metadata":{},"sourceType":"module"}