@if (settingsType() == SettingsType.Switch) {
  <div class="settings-name">
    @if (labelIcon()?.trim()?.length ?? 0 > 0) {
      <span class="material-symbols-outlined icon-24 settings-icon" aria-hidden="true">{{ labelIcon() }}</span>
    }
    <label [id]="labelID">{{ labelText() }}</label>
  </div>
  <switch [isActive]="value()" (toggle)="onChange.emit($event)" [aria-labelledby]="labelID"></switch>
} @else if (settingsType() == SettingsType.Dropdown) {
  <label [id]="labelID" class="hidden-label">{{ labelText() }}</label>
  <dropdown [options]="options()"
            [value]="value()"
            (selectionChange)="onChange.emit($event)"
            [aria-labelledby]="labelID"
            [placeholder]="placeholder()?.trim() ?? ''"
            [icon]="labelIcon()"></dropdown>
}