import React from 'react'
import ReactDOM from 'react-dom'
import ADLayout from '../src/ADLayout'
import ADBlock from '../src/ADBlock'

const render = (
  <ADLayout
    grid={50} mode='edit'
    // onBlockClick={() => console.log('click')}
    // onBlockDblClick={() => console.log('dblclick')}
    // onBlockMouseDown={() => console.log('down')}
    // onBlockMouseUp={() => console.log('up')}
    // onBlockMouseMove={() => console.log('move')}
    // onBlockMouseEnter={() => console.log('enter')}
    // onBlockMouseLeave={() => console.log('leave')}
    // onSelectionChange={() => console.log('selection')}
    onBlockMove={() => console.log('move')}
    onBlockResize={() => console.log('resize')}
  >
    <ADBlock width={150} height={150} backgroundColor='#999'>Test</ADBlock>
  </ADLayout>
)

ReactDOM.render(render, document.getElementById('app'))
