@if (params?.displayName) {
  <span
    class="header-group-text"
    role="presentation"
    [skyThemeClass]="{ 'sky-font-heading-4': 'modern' }"
    >{{ params?.displayName }}</span
  >
}
@if (isExpandable$ | async) {
  @if (isExpanded$ | async) {
    <button
      class="sky-btn sky-btn-icon-borderless"
      type="button"
      [attr.aria-label]="
        'sky_ag_grid_column_group_header_collapse_aria_label'
          | skyLibResources: params?.displayName
      "
      (click)="setExpanded(false)"
    >
      <sky-icon icon="double-chevron-left" />
    </button>
  } @else {
    <button
      class="sky-btn sky-btn-icon-borderless"
      type="button"
      [attr.aria-label]="
        'sky_ag_grid_column_group_header_expand_aria_label'
          | skyLibResources: params?.displayName
      "
      (click)="setExpanded(true)"
    >
      <sky-icon icon="double-chevron-right" />
    </button>
  }
}
<span #inlineHelpContainer class="sky-control-help-container"></span>
