@if (!string.IsNullOrEmpty(Icon)) {

}

@(Title)

@{ var percent = CalculatePercent(); var percentRounded = Math.Round(percent); string color; if (UsePercentColor) { if (percentRounded >= 60 && percentRounded < 80) color = "bg-amber-400"; else if (percentRounded >= 80) color = "bg-red-400"; else color = "bg-blue-500"; } else color = ProgressColor; }

@if (ShowPercent) { @(percentRounded)% }

@code { [Parameter] public string Icon { get; set; } = ""; [Parameter] public string IconColor { get; set; } = "bg-indigo-600"; [Parameter] public string Title { get; set; } = ""; [Parameter] public double CurrentValue { get; set; } = 0; [Parameter] public double MaxValue { get; set; } = 0; [Parameter] public bool ShowPercent { get; set; } = false; [Parameter] public bool UsePercentColor { get; set; } = true; [Parameter] public string ProgressColor { get; set; } = ""; private double CalculatePercent() { if (MaxValue <= 0 || CurrentValue <= 0) return 0; return CurrentValue * MaxValue / 100; } }