import { Pipe, PipeTransform } from '@angular/core';

// config
import { ICaInput } from '../../ca-input-test/config';

// interfaces
import { IOptionModel } from '../interfaces/input-dropdown-option.interface';

@Pipe({
  name: 'inputDropdownSvgtextTemplateIcon',
  standalone: true,
})
export class InputDropdownSvgtextTemplateIconPipe implements PipeTransform {
  transform(
    option: IOptionModel,
    activeItem: IOptionModel | null,
    inputConfig: ICaInput
  ): { [key: string]: boolean | undefined } {
    return {
      active: option.id === activeItem?.id,
      'no-svg': !option?.logoName,
      'hazardous-svg': option?.logoName?.includes('hazardous'),
      'truck-trailer-logo':
        inputConfig.customClass === 'truck-trailer-dropdown',
      'state-logo': inputConfig.customClass === 'state-dropdown',
    };
  }
}