hunk.code_window:     "minified": 5853,
       "gzipped": 2141
     },
     "dist/web.umd.js": {
       "bundled": 86570,
       "minified": 35738,
       "gzipped": 12088
     }
   }
hunk.labels: keep keep keep keep replace replace keep keep keep
hunk.after_edit:     "bundled": 86602,
       "minified": 35758,
  
hunk.file_path: .size-snapshot.json
hunk.type: replace
file: import React from 'react'
  import { ParentSize } from '@vx/responsive'
  import Tree from './Tree'
  import data from './data'
  
  const TreeExample = () => (
    <ParentSize>
      {size =>
        size.ref && (
          <div
            style={{
              display: 'flex',
              justifyContent: 'center',
              alignItems: 'center',
              height: '100%',
              background: '#272b4d',
            }}>
            <Tree
              data={data}
              width={size.width * 0.9}
              height={size.height * 0.9}
            />
          </div>
        )
      }
    </ParentSize>
  )
  
  export default TreeExample
  