import { Component } from '@angular/core';
import { NgIcon, provideIcons } from '@ng-icons/core';
import { isaOtherInfo } from '@isa/icons';
import { TooltipDirective } from './tooltip.directive';

@Component({
  selector: 'ui-tooltip-icon',
  template: `<ng-icon name="isaOtherInfo" size="1.5rem"></ng-icon>`,
  imports: [NgIcon],
  providers: [provideIcons({ isaOtherInfo })],
  host: {
    '[class]': '["ui-tooltip-icon"]',
    '[attr.title]': 'null',
  },
  hostDirectives: [
    {
      directive: TooltipDirective,
      inputs: ['title', 'content', 'triggerOn'],
    },
  ],
})
export class TooltipIconComponent {}
