@if (!childElementsTest) {

<input
  aria-label="noop"
  class="sky-input-search-term"
  type="text"
  [(ngModel)]="searchTerm"
/>

<input
  aria-label="noop"
  class="sky-test-checkbox"
  type="checkbox"
  [(ngModel)]="showAdditionalContent"
/>

<div class="sky-test-div-container" [skyHighlight]="searchTerm">
  {{innerText1}} @if (showAdditionalContent) {
  <div>{{innerText2}}</div>
  }
</div>

} @else {
<div class="sky-test-child-elements" [skyHighlight]="searchTerm">
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a</span>
  <span>a.</span>
</div>
}
