Quiero hacer un componente modal genérico que pueda contener cualquier cosa, desde solo texto hasta imágenes / botones, etc. Si hago algo como esto:

<div class="Modal">
    <div class="header"></div>
    <div class="body">{{content}}</div>
    <div class="footer"></div>
</div>

No puedo pasar HTML al contenido, solo texto. ¿Cómo puedo crear un componente de modo que el componente principal pueda pasar el HTML que quiera? ¿Qué sucede si quisiera agregar n número de botones al pie de página, cada uno con su propia devolución de llamada? ¿Hay una mejor manera en que debería estar haciendo esto?