---
tutorial: "https://youtu.be/FXGYRnGs6Dg"
---


# `03.5` Alert Component

Basado en el conocimiento que tienes ahora:

## 📝 Instrucciones:

1. Por favor, crea un componente `<Alert />` que reciba 1 prop `text: PropTypes.string` y renderice una [bootstrap alert](https://getbootstrap.com/docs/5.0/components/alerts/#examples) como la siguiente:

## 💻 Resultado esperado:

Esto es lo que el componente debería generar en el HTML:

```html
<div class="alert alert-danger" role="alert">
  OMG! Something really bad has happened!
</div>
```

## 💡 Pista:

+ Así es como deberías usar el componente:

```jsx
<Alert text="OMG! Something really bad has happened!" />
```
