{{--
    Icono de navegación: el ÚNICO sitio del que salen los iconos de secciones.

    El menú lateral (`app/Livewire/Layout/Navigation.php` + su plantilla) usa los
    SVG de Untitled UI que hay en `public/vendor/blade-untitledui-icons/`, servidos
    como <img> y tintados por filtro CSS (`.svg-fill-*` en resources/css/custom.css,
    porque un <img> no hereda `currentColor`).

    Cualquier pantalla que quiera el icono de una sección tiene que pasar por aquí,
    con el MISMO nombre que usa el menú. Si se copia el <img> a mano o se dibuja un
    SVG nuevo, los iconos vuelven a divergir —que es exactamente MGR-029.

    Nombres en uso por el menú:
      Dashboard home-line · Clientes building-07 · Entornos server-04
      Plugins cube-02 · Licencias check-done-02 · Productos package · API Logs clipboard
      Usuarios users · Configuración settings
--}}
@props([
    'name',
    'size' => 24,
    'tint' => 'gray',
])

<img src="{{ asset('vendor/blade-untitledui-icons/' . $name . '.svg') }}"
     width="{{ $size }}" height="{{ $size }}" alt=""
     {{ $attributes->merge(['class' => 'svg-fill-' . $tint]) }} />