import React from 'react'
import { 
  WidthConsumer, 
  WidthProvider,
} from '@react-utilities/width-detector'

function App() {
  return (
    <div className="App">
      <WindowWidthProvider>
        <WindowWidthConsumer>
          {({ windowWidth }) => (
            <div className="window-width-tracker">
              {windowWidth}
            </div>
          )}
        </WindowWidthConsumer>
      </WindowWidthProvider>
    </div>
  )
}