import { ComponentType } from '@angular/cdk/overlay';
import { InjectionToken } from '@angular/core';
import { NxPlainButtonSize } from '@aposin/ng-aquila/button';
import { DfInfoIconModalComponent } from '../modal';

export const Df_INFO_ICON_DEFAULT_OPTIONS = new InjectionToken<DfInfoIconOptions>(
  'DfInfoIconDefaultOptions',
  {
    providedIn: 'root',
    factory: () =>
      ({
        icon: 'info-circle-o',
        hoverIcon: 'info-circle',
        size: 'small',
        modalComponent: DfInfoIconModalComponent
      } as DfInfoIconOptions)
  }
);

export interface DfInfoIconOptions {
  /** Name of the icon when the mouse is :hover or :active */
  hoverIcon: string;
  /** Name of the icon */
  icon: string;
  /** ModalRef that should open by default */
  modalComponent: ComponentType<unknown>;
  /** Size of the button */
  size: NxPlainButtonSize;
}