# AnimatedIcon

# MyAnimatedIcon

Widget que muestra un icono animado que cambia de estado al hacer clic en él. El icono puede ser animado desde una posición inicial a una final y viceversa.

# Uso

Para usar MyAnimatedIcon, simplemente crea una instancia de él y pasa los parámetros requeridos. Por ejemplo:

MyAnimatedIcon(
  icon: Icons.play_arrow,
  onTap: () {
    // Acción al hacer clic en el icono
  },
),

Esto creará un icono animado que cambia entre los estados de reproducción y pausa al hacer clic en él.

# Estado

MyAnimatedIcon mantiene internamente el estado de reproducción y controla la animación del icono en consecuencia. Al hacer clic en el icono, cambia su estado y realiza la animación correspondiente.

# MySimpleAnimatedIcon

Widget que muestra un icono que cambia de forma animada entre dos estados (activo e inactivo) al hacer clic en él. Proporciona opciones de personalización para la apariencia y el comportamiento del icono.

# Uso

Para usar MySimpleAnimatedIcon, simplemente crea una instancia de él y pasa los parámetros requeridos. Por ejemplo:

MySimpleAnimatedIcon(
  icon: Icons.volume_off,
  activeIcon: Icons.volume_up,
  isActive: true,
  onTap: () {
    // Acción al hacer clic en el icono
  },
),

Esto creará un icono que cambia de estado activo a inactivo al hacer clic en él, mostrando diferentes iconos para cada estado.

# Estado

MySimpleAnimatedIcon mantiene internamente el estado de activación y controla la transición animada entre los iconos activo e inactivo al hacer clic en él.