<template>
  <marker
    id="sequenceflow-end-white-black"
    viewBox="0 0 40 40"
    refX="11"
    refY="10"
    markerWidth="20"
    markerHeight="20"
    orient="auto">
    <path d="M 1 5 L 11 10 L 1 15 Z" v-bind="styleMarker"/>
    <!-- <path d="M 0 4 L 11 10 L 0 16 Z" :style="styleMarker"></path> -->
  </marker>
</template>

<script setup lang="ts" name="PreviewArrow">
import { computed } from 'vue'

const styleMarker = computed(() => ({
  fill: '#A8B7C7',
  strokeWidth: '1px',
  strokeLinecap: 'round',
  strokeDasharray: '10000, 1',
  stroke: '#A8B7C7'
}))
</script>
