import React, { Component } from 'react'

import ViewerSectionsNav from './viewer.sections.nav'
import ViewerSectionsList from './viewer.sections.list'

export default class ViewerSections extends Component {
  constructor(props) {
    super(props)
    this.handleMouseMove = this.handleMouseMove.bind(this)
  }
  handleMouseMove(e) {
    e && e.stopPropagation()
  }
  render() {
    return (
      <div className="viewer-sections" onMouseMove={this.handleMouseMove}>
        <ViewerSectionsList />
        <ViewerSectionsNav />
      </div>
    )
  }
}