<script lang="ts" setup>
import Marker from './Marker.vue'

interface MarkerDefinitionsProps {
  color: string
}

const props = withDefaults(defineProps<MarkerDefinitionsProps>(), {
  color: '',
})
</script>
<template>
  <defs>
    <Marker id="vue-flow__arrowclosed">
      <polyline
        :stroke="props.color"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="1"
        :fill="props.color"
        points="-5,-4 0,0 -5,4 -5,-4"
      />
    </Marker>
    <Marker id="vue-flow__arrow">
      <polyline
        :stroke="props.color"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="1.5"
        fill="none"
        points="-5,-4 0,0 -5,4"
      />
    </Marker>
  </defs>
</template>
