import {Component, EventEmitter, Input, Output} from '@angular/core';
import {Rank} from '../../../models/model-interfaces';
import {Fraction} from '../../../utils/fraction.enum';

@Component({
  selector: 'cc-rank-panel',
  templateUrl: './rank-panel.component.html',
  styleUrls: ['./rank-panel.component.scss']
})
export class RankPanelComponent {

  @Input() rank: Rank;

  @Output() select = new EventEmitter();

  readonly fraction = Fraction;

  selectRank() {
    this.select.emit(this.rank);
  }
}