import { Component, AfterContentInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
     selector: 'menu-demo',
    template: require('./menu.demo.html')
   
})
export class MenuDemoComponent implements AfterContentInit{ 

   
  
      constructor(private router: Router) {
        
         
       
    }

  MenuList=[
    {name:"Form Elements",
    link:"",
    icon:"fa fa-info-circle", 
    dropdown:[
      {name:"Date Picker",link:"datepicker",icon:"fa fa-info-circle"},
      {name:"Time Picker",link:"timepicker",icon:"fa fa-info-circle"},
      {name:"Input File",link:"inputfile",icon:"fa fa-info-circle"}
      ]
    
  },
  {name:"Tabs",
    link:"/tabs",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Menu",
    link:"/menu",
    icon:"fa fa-info-circle" 
    },
  {name:"Accordian",
    link:"/acc",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"Validation",
    link:"/validation",
    icon:"fa fa-info-circle" 
      
  }
    ,
  {name:"Login",
    link:"/login",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"About Us",
    link:"/AboutUs",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Contact Us",
    link:"/ContactUs",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Footer",
    link:"/Footer",
    icon:"fa fa-info-circle" 
    
      
    
  }
    ] ;
    ngAfterContentInit() {
     
    
    }
    
    
}