import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewChild } from '@angular/core';
import { LinkComponent } from '../link/link.component';
import { LinkIconPosition } from '../link/link.model';

@Component({
  selector: 'nj-breadcrumb-item',
  templateUrl: './breadcrumb-item.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
  imports: [LinkComponent, CommonModule]
})
export class BreadcrumbItemComponent {
  /**
   * Whether item is active
   */
  @Input() isActive = false;

  /**
   * Breadcrumb link href
   */
  @Input() href: string;

  /**
   * Breadcrumb link target
   */
  @Input() target: string;

  /**
   * Breadcrumb link icon
   */
  @Input() icon: string;

  /**
   * Breadcrumb link icon position
   */
  @Input() iconPosition: LinkIconPosition;

  /**
   * Accessible text alternative when the item has an icon and no children.
   *
   * @example
   * <nj-breadcrumb-item href="#" icon="home" label="Home page"></nj-breadcrumb-item>
   */
  @Input() label?: string;

  /**
   * @ignore
   */
  @ViewChild('itemTemplate') itemTemplate: TemplateRef<any>;

  constructor() {}
}