@if (hasHeader) {
  <div class="frg-section__header">
    @if (title) {
      @switch (headingLevel) {
        @case (1) { <h1 class="frg-section__title">{{ title }}</h1> }
        @case (2) { <h2 class="frg-section__title">{{ title }}</h2> }
        @case (3) { <h3 class="frg-section__title">{{ title }}</h3> }
        @case (4) { <h4 class="frg-section__title">{{ title }}</h4> }
        @case (5) { <h5 class="frg-section__title">{{ title }}</h5> }
        @case (6) { <h6 class="frg-section__title">{{ title }}</h6> }
        @default { <h2 class="frg-section__title">{{ title }}</h2> }
      }
    }
    @if (description) {
      <p class="frg-section__description">{{ description }}</p>
    }
  </div>
}
<div class="frg-section__content">
  <ng-content></ng-content>
</div>