Reto NgClass

Crea un componente standalone llamado StatusCardComponent que muestre una tarjeta con información de estado. La tarjeta debe cambiar su apariencia visual usando ngClass basándose en diferentes propiedades del componente.

Requisitos específicos:

1. El componente debe importar CommonModule para usar ngClass
2. Define las siguientes propiedades en la clase:

• title: string = 'Estado del Sistema'
• status: string = 'active' (puede ser: 'active', 'inactive', 'warning')
• isUrgent: boolean = false
• hasNotifications: boolean = true

3. En el template, crea un div principal que use ngClass con sintaxis de objeto para aplicar las siguientes clases condicionalmente:

• 'status-card': siempre presente
• 'status-active': cuando status sea 'active'
• 'status-inactive': cuando status sea 'inactive'
• 'status-warning': cuando status sea 'warning'
• 'urgent': cuando isUrgent sea true
• 'has-notifications': cuando hasNotifications sea true

4. Dentro del div principal, muestra el título y agrega un botón que cambie el estado entre 'active', 'inactive' y 'warning' de forma cíclica

5. Agrega otro botón que alterne la propiedad isUrgent

Usa la sintaxis moderna de Angular con componentes standalone. El foco del ejercicio está únicamente en aplicar ngClass con sintaxis de objeto, no en el diseño CSS.