<div class="option-item">
  <div class="pr-3 flex-center">
    <span class="radio" [class.checked]="checked"></span>
  </div>
  <div class="flex-1 flex items-center justify-start">
    <span class="inline-block rounded-full size-2 mr-2" [style.background]="color"></span>
    <span>{{ label }}</span>
  </div>
  <div>
    @if (showValue) {
      <span>{{ value }}</span>
    }
  </div>
</div>
