import { Component } from '@angular/core';
import { PoMenuItem } from '@po-ui/ng-components';



@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})



export class AppComponent {

  slides: Array<string> = [
    'https://img.freepik.com/fotos-premium/fundo-refrescante-da-natureza-com-bokeh_948265-2082.jpg',
    'https://t3.ftcdn.net/jpg/05/73/55/12/360_F_573551225_h5mGL6pOLL5mDJi9pz7nYfG8uCppOfvW.jpg'
  ]
  
  menuItemSelected: string;


  readonly menus: Array<PoMenuItem> = [
  
    { label: 'Bianchini', action: this.printMenuAction.bind(this) ,icon: 'po-icon-home'  },
     
     { label: 'Cliente', action: this.printMenuAction.bind(this) ,icon: 'po-icon po-icon-user', },
     { label: 'Cliente Especial', action: this.printMenuAction.bind(this) ,icon: 'po-icon po-icon-a11y-wheelchair',  },
     { label: 'Table', action: this.printMenuAction.bind(this) ,icon: 'po-icon po-icon-device-tablet', link: 'table'},
     { label: 'Links Uteis', icon: 'po-icon-share', shortLabel: 'Links',
      subItems: [
        { label: 'Bianchini',  link: 'http://www.bianchinisa.com.br/' }
      ]
    } 
   
    

    
  ];

  
  
  
  printMenuAction(menu: PoMenuItem) {
    this.menuItemSelected = menu.label;


    
  
  }

 


















  

}