import { NgStyle } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { SafeUrlPipe } from '@pipes/safe-url.pipe';

@Component({
  selector: 'app-avatar-percentage',
  templateUrl: './avatar-percentage.component.html',
  styleUrls: ['./avatar-percentage.component.scss'],
  standalone: true,
  imports: [NgStyle, SafeUrlPipe]
})
export class AvatarPercentageComponent {
  @Input() url: string;
  @Input() percentage: number;
  @Input() width = 40;
  @Input() height = 40;
  @Input() type: string;
  @Output() evClick = new EventEmitter<boolean>();

  onClick() {
    this.evClick.emit(true);
  }

}
