flex mb-4">
        <div
          class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate"
        >
          <span i18n>Dividend Timeline</span>
          @if (user?.subscription?.type === 'Basic') {
            <gf-premium-indicator class="ml-1" />
          }
        </div>
        <gf-toggle
          class="d-none d-lg-block"
          [defaultValue]="mode"
          [isLoading]="false"
          [options]="modeOptions"
          (valueChange)="onChangeGroupBy($event.value)"
        />
   