{"ast":null,"code":"import { useWindowResize } from \"beautiful-react-hooks\";\nimport { useState } from \"react\";\nimport useIsoEffect from \"./useIsoEffect\";\nexport const useClientWidth = () => {\n  const {\n    0: width,\n    1: setWidth\n  } = useState(1024);\n\n  const setClientWidth = () => setWidth(document.documentElement.clientWidth || document.body.clientWidth);\n\n  useIsoEffect(setClientWidth);\n  useWindowResize(event => setClientWidth());\n  return width;\n};\nexport const useClientHeight = () => {\n  const {\n    0: height,\n    1: setHeight\n  } = useState(800);\n\n  const setClientHeight = () => setHeight(document.documentElement.clientHeight || document.body.clientHeight);\n\n  useIsoEffect(setClientHeight);\n  useWindowResize(event => setClientHeight());\n  return height;\n};","map":null,"metadata":{},"sourceType":"module"}