@if (title) {
  <div
    class="frg-title-bar"
    [ngClass]="{
      'frg-title-bar__primary': styleType === 'primary',
      'frg-title-bar__secondary': styleType === 'secondary',
      'frg-title-bar__tertiary': styleType === 'tertiary',
      'frg-title-bar__dark': styleType === 'dark',
      'frg-title-bar__light': styleType === 'light'
    }"
  >
    <div
      class="frg-title-bar-title d-flex justify-content-between"
      aria-level="3"
    >
      <div class="frg-title-bar-title__text">
        {{ title }}
      </div>
    </div>
  </div>
}