{#
  The whole formatting toolbar a task description gets: bold, plus the reminder
  that a line break is a line break.

  Whoever writes a recipe pastes from the PDF of the technical sheet; the text used
  to arrive flattened and had to be put back by hand every time. `target` is the
  x-ref of the textarea this toolbar acts on.
#}
<div class="flex items-center gap-2 shrink-0">
  <button type="button"
          @click="wrapSelectionBold($refs.{{ target }})"
          title="{{ _('Grassetto: racchiude il testo selezionato fra **') }}"
          class="px-2 py-0.5 rounded border border-[var(--border-color)]
                 text-sm font-bold leading-none
                 text-[var(--text-secondary)] hover:text-primary hover:border-primary
                 transition-colors">
    B
  </button>
  <span class="text-[11px] text-[var(--text-muted)]">
    {{ _('**grassetto** · a capo = a capo') }}
  </span>
</div>