@if (icon()) {
  <mat-icon [svgIcon]="icon()!" alt="icon" size="size"></mat-icon>
}
<article>
  @if (label()) {
    <label>{{ label() }}</label>
  }
  @switch (getTemplate()) {
    <!-- Route template -->
    @case ('route') {
      <a
        [routerLink]="route()"
        [routerLinkActive]="['isActive']"
        [routerLinkActiveOptions]="{ exact: true }"
        [target]="target()"
        [queryParams]="queryParams()"
      >
        {{ value() }}
      </a>
    }
    <!-- Link template -->
    @case ('link') {
      <a [href]="link()" [target]="target()">
        <span>{{ value() }}</span>
      </a>
    }
    <!-- OnClick template -->
    @case ('onClick') {
      <a>
        <span>{{ value() }}</span>
      </a>
    }
  }
</article>