{"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 { useResponsiveStyles } from \"/Users/nishan/Desktop/oss/responsive-breakpoints/src/index\";\nexport default function App() {\n  var _React$useState = React.useState(50),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      state = _React$useState2[0],\n      setState = _React$useState2[1];\n\n  React.useEffect(function () {\n    setInterval(function () {\n      setState(function (c) {\n        return c + 10;\n      });\n    }, 3000);\n  }, []);\n\n  var _useResponsiveStyles = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100\n    },\n    800: {\n      backgroundColor: 'pink',\n      height: state,\n      width: 50\n    }\n  }),\n      dataId = _useResponsiveStyles.dataId;\n\n  return React.createElement(View, {\n    dataSet: dataId,\n    style: styles.view,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27,\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","useResponsiveStyles","App","useState","state","setState","useEffect","setInterval","c","backgroundColor","height","width","dataId","styles","view","StyleSheet","create"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;;AAGA,SAASC,mBAAT;AAEA,eAAe,SAASC,GAAT,GAAe;AAC5B,wBAA0BF,KAAK,CAACG,QAAN,CAAe,EAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACAL,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpBC,IAAAA,WAAW,CAAC,YAAM;AAChBF,MAAAA,QAAQ,CAAC,UAACG,CAAD;AAAA,eAAOA,CAAC,GAAG,EAAX;AAAA,OAAD,CAAR;AACD,KAFU,EAER,IAFQ,CAAX;AAGD,GAJD,EAIG,EAJH;;AAMA,6BAAmBP,mBAAmB,CAAC;AACrC,SAAK;AACHQ,MAAAA,eAAe,EAAE,OADd;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,KAAK,EAAE;AAHJ,KADgC;AAMrC,SAAK;AACHF,MAAAA,eAAe,EAAE,MADd;AAEHC,MAAAA,MAAM,EAAEN,KAFL;AAGHO,MAAAA,KAAK,EAAE;AAHJ;AANgC,GAAD,CAAtC;AAAA,MAAQC,MAAR,wBAAQA,MAAR;;AAaA,SAAO,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEA,MAAf;AAAuB,IAAA,KAAK,EAAEC,MAAM,CAACC,IAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD;AAED,IAAMD,MAAM,GAAGE,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,IAAI,EAAE;AACJL,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 { useResponsiveStyles } from 'react-native-responsive-breakpoints';\n\nexport default function App() {\n  const [state, setState] = React.useState(50);\n  React.useEffect(() => {\n    setInterval(() => {\n      setState((c) => c + 10);\n    }, 3000);\n  }, []);\n\n  const { dataId } = useResponsiveStyles({\n    480: {\n      backgroundColor: 'black',\n      height: 100,\n      width: 100,\n    },\n    800: {\n      backgroundColor: 'pink',\n      height: state,\n      width: 50,\n    },\n  });\n\n  return <View dataSet={dataId} 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"}