<script lang="ts">
  import type {ClassValue} from 'svelte/elements';

  let {
        path = '',
        markerStart,
        markerEnd,
        animated = true,
        class: className = ''
    }: {
        path?: string;
        markerStart?: string;
        markerEnd?: string;
        animated?: boolean;
        class?: ClassValue;
    } = $props();
</script>

<path
    d={path}
    fill="none"
    marker-start={markerStart}
    marker-end={markerEnd}
    class={[
        'svelte-flow__edge-path',
        'tf-flow-line-path',
        animated && 'tf-flow-line-path--animated',
        className
    ]}
></path>
