<div class="flex flex-col gap-2">
  <div class="flex items-center gap-3">
    <p-checkBox [formControl]="control" [name]="name" [id]="name" binary class="shrink-0"> </p-checkBox>
    <uikit-label [name]="name"> {{ label }} </uikit-label>
  </div>

  @if (hint) {
    <small [attr.id]="name + '-help'" class="text-muted-color">{{ hint }}</small>
  }
</div>
