import React from "react";
import criticalIcon from "../assets/images/critical.png"; // Красный треугольник
import warningIcon from "../assets/images/warning.png";  // Желтый треугольник
import "../Style/ErrorIndicator.css"; // Подключаем стили

const ErrorIndicator = ({ criticalCount, warningCount }) => {
    return (
        <div className="error-indicator">
            {/* Красный индикатор (критические ошибки) */}
            <div className="error-item critical">
                <img src={criticalIcon} alt="Критическая ошибка" />
                <span>{criticalCount}</span>
            </div>

            {/* Желтый индикатор (предупреждения) */}
            <div className="error-item warning">
                <img src={warningIcon} alt="Предупреждение" />
                <span>{warningCount}</span>
            </div>
        </div>
    );
};

export default ErrorIndicator;