<template>
  <div class="flowmap">
      <webgl-canvas>
          <webgl-arrow-field
              :width="1"
              :height="2"
              :gridSize="200"
              :arrowScale="0.01"
              :scaleMultiplier="1.7"
              :color="themes.light.fg"
          />
      </webgl-canvas>
  </div>
</template>

<script setup>
import WebglCanvas from './WebglCanvas.vue';
import WebglArrowField from './ArrowField.vue';
import { themes } from '@shared/config';
</script>

<style lang="scss">
.flowmap {
    height: 100%;
}
</style>
