<template>
  <div
    :class="['mm-split-trigger', `mm-split-trigger-${mode}`]">
    <div :class="`mm-split-trigger-bar-wrap`">
      <i
        v-for="i in 8"
        v-once
        :key="`trigger-${i}`"
        :class="`mm-split-trigger-bar`"></i>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    mode: {
      type: String,
      default: "horizontal",
      validator(value) {
        return ["horizontal", "vertical"].includes(value)
      },
    },
  },
}
</script>
