import { Component, Input } from '@angular/core';
import { RdComponent } from "../../../base/rdComponent";

@Component({
  selector: 'nav-anchor-href',
  template: `
    <a href="javascript:;" class="m-menu__link m-menu__toggle" appunwraptag>
      <i class="m-menu__link-icon" [ngClass]="item.icon"></i>
      <span class="m-menu__link-text" style="font-family:Poppins;font-size:1rem">{{item.translatedText}}</span>
      <i class="m-menu__hor-arrow la la-angle-down" *ngIf="!rightArrow"></i>
      <i class="m-menu__hor-arrow la la-angle-right" *ngIf="rightArrow"></i>
      <i class="m-menu__ver-arrow la la-angle-right"></i>
    </a>
  `
})
export class NavAnchorHref extends RdComponent {
  @Input("item") item;
  @Input("right-arrow") rightArrow: boolean = false;
}


@Component({
  selector: 'nav-anchor-routerLink',
  template: `
    <a [routerLink]="['/' + item?.page?.path]" class="m-menu__link" appunwraptag>
      <i class="m-menu__link-icon" [ngClass]="item.icon"></i>
      <span class="m-menu__link-text" style="font-family:Poppins;font-size:1rem">{{item.translatedText}}</span>
    </a>
  `
})
export class NavAnchorRouterLink extends RdComponent {
  @Input("item") item;
}