<script setup lang="ts">
import type { ConnectorVariant } from '@/types/explorer'

const props = defineProps<{
  variant: ConnectorVariant
}>()
</script>

<template>
  <div
    v-if="variant !== 'empty'"
    class="absolute w-[1px] h-full border-l transition-colors duration-300"
    :class="{
      'border-border/60': variant === 'filled',
      'border-primary/80 dark:border-primary border-l-[2px] z-20': variant === 'highlighted',
    }"
  />
</template>
