<script setup lang="ts">
import type { Px } from '@/lib/units'
import { toPx } from '@/lib/vue'

const {
  left,
} = defineProps<{
  left: Px
}>()
</script>

<template>
  <div
    class="tw:absolute tw:w-0 tw:h-full tw:border-l tw:border-(--timeline-marker-beat-color)" :style="{
      left: toPx(left),
    }"
  />
</template>

<style scoped></style>
