import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { FssMenuItem } from '../../models/fss-menu-item.model';


@Component({
  selector: 'fss-menu-item',
  templateUrl: './fss-menu-item.component.html',
  styleUrls: ['./fss-menu-item.component.scss']
})
export class FssMenuItemComponent implements OnInit {
  @Input() menuItem: FssMenuItem | undefined;
  @Input() data: any;
  @Output() menuItemClicked: EventEmitter<{ action: string | undefined, data: any }> =
    new EventEmitter<{ action: string | undefined, data: any }>();

  constructor() { }

  ngOnInit(): void {
  }

  onClick(action: string | undefined, data: any) {
    this.menuItemClicked.emit({ action, data });
  }

}