<script setup lang="ts">
// Цвет-метка проекта (0.63): кружок перед названием — на карточке списка, в
// шапке страницы проекта и меткой у задач. Нет цвета — нет и кружка.
defineProps<{ color: string | null }>()
</script>

<template>
  <span v-if="color" class="proj-dot" :style="{ background: color }" aria-hidden="true" />
</template>

<style scoped>
.proj-dot {
  display: inline-block;
  flex: none;
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
}
</style>