<div class="class-container">
  <div class="title">{{ class.title }}</div>

  <markdown [data]="class.description"></markdown>

  <div class="features">
    @for(feature of class.features; track feature){
    <div class="feature">
      <div class="feature-name">{{ feature.name }}</div>
      <div class="feature-level">{{ feature.level }}</div>
      <markdown
        class="feature-description"
        [data]="feature.description"
      ></markdown>
    </div>
    }
  </div>
</div>
