import {Component, EventEmitter, Input, Output} from '@angular/core';

import {Decoration} from '../../../models/model-interfaces';
import {Fraction} from '../../../utils/fraction.enum';


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

  @Input() decoration: Decoration;

  @Output() select = new EventEmitter();

  readonly fraction = Fraction;

  selectDecoration() {
    this.select.emit(this.decoration);
  }
}