AppDynamics wants to show engineers a real-time dashboard widget that displays the health status of multiple microservices. Each service can be in one of three states: Healthy
, Degraded
, or Down
.
You’re tasked with building a React component called <ServiceHealthGrid>
that:
- Accepts a list of services and their metadata
- Displays each service in a responsive grid layout
- Highlights each box with a color based on its status: