import { Component, Input, Output, EventEmitter } from '@angular/core';
import { DropdownItem } from './dropdown.item.props';
@Component({
    selector: 'farris-dropdown-item',
    template: `
        <div class="dropdown-divider" *ngIf="model.divide"></div>
        <a
            class="dropdown-item"
            [class.active]="model.active"
            [class.disabled]="model.disabled"
            href="javascript:void(0)"
            (click)="selectItem()"
            >{{ model.label }}</a
        >
    `
})
export class FarrisDropdownItemComponent {
    @Input() model: DropdownItem;
    @Output() select: EventEmitter<any> = new EventEmitter<any>();
    selectItem() {
        if (this.model.disabled) {
            return;
        }
        this.select.emit(this.model);
    }
}