<template>
  <div>
    <CursorSlider />
    <GraphBrush />
    <div class="ts-legend-controls-container">
      <Legend />
      <div class="graph-controls-container">
        <GraphControls />
      </div>
    </div>
  </div>
</template>

<script>
import GraphBrush from './vue-components/graph-brush.vue';
import CursorSlider from './vue-components/cursor-slider.vue';
import Legend from './vue-components/legend.vue'
import GraphControls from './vue-components/graph-controls.vue';
export default {
  name: 'HydrographApp',
  components: {
    GraphBrush,
    CursorSlider,
    Legend,
    GraphControls
  }
};
</script>