import { Component, EventEmitter, Input, Output } from '@angular/core';
import { LinkField } from './interface/link-field';
import { EventLinkField } from './interface/event-link-field';
import { ActionField } from './interface/action-field';

@Component({
    selector: 'kit-link-display',
    templateUrl: './link-display.component.html',
    styleUrls: ['../styles/index.scss']
})
export class LinkDisplayComponent {

    @Input() linkFields!: Array<LinkField>
    @Output() emitEventAction: EventEmitter<EventLinkField> = new EventEmitter();
    constructor() { }

    public emitEventToAction(event: ActionField, field:LinkField ) {
        const action: EventLinkField = {
            id: field.id,
            value: field.value,
            action: event.action
        };
        this.emitEventAction.emit(action)
    }

}