@for (star of stars(); track star) {
  <button
    type="button"
    class="pi-rating__star pi-button__trimmed"
    [attr.aria-label]="'Valorar ' + star + ' de ' + stars().length"
    [attr.aria-pressed]="star <= value()"
    [disabled]="!isInteractive()"
    (mouseenter)="onEnter(star)"
    (mouseleave)="onLeave()"
    (click)="onClick(star)"
  >
    @if (starTemplate(); as template) {
      <ng-container
        [ngTemplateOutlet]="template"
        [ngTemplateOutletContext]="starContext(star)"
      />
    } @else {
      <pi-icon
        [icon]="isFilled(star) ? 'star-fill' : 'star-outline'"
        [size]="size()"
        [color]="color()"
      />
    }
  </button>
}