<template>
  <div :class="classes">
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
  </div>
</template>

<script>
import {oneOf} from '@uif/hq/lib/utils/assist'

export default {
  props: {
    mode: {
      validator (value) {
        return oneOf(value, ['horizontal', 'vertical'])
      },
      default: 'horizontal'
    },
    isMoving: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
    }
  },
  computed: {
    classes () {
      return [
        'uif-trigger',
        'uif-trigger-' + this.mode,
        {
          'uif-trigger-moving': this.isMoving
        }
      ]
    }
  }
}
</script>
