<script setup lang="ts">
const props = defineProps<{
  highlighted: boolean
}>()
</script>

<template>
  <div
    class="absolute left-[calc(50%-0.5px)] w-[14px] h-[15px] border-l border-b rounded-bl-sm transition-colors duration-300"
    :class="{
      'border-primary/80 dark:border-primary border-l-[2px] border-b-[2px] left-[calc(50%-1px)] w-[15px]':
        highlighted,
      'border-border/60': !highlighted,
    }"
  />
</template>
