{#
  Message component includes content and an Icon to indicate status.

  Props:

  `content` a block and variable to handle the contents of the message.

  `modifer` CSS classes to modify the basic styling of the component.


#}


<div
  data-testid="mds-message"
  class="{{ modifier }}"
  >
  {% if include_ion | default(true) %}
    {% include '../icon/icon.twig' with {'icon_name': message.icon_name, 'icon_alt': message.icon_alt, 'icon_modifier': 'mds-message__icon', 'icon_size': 'large' }%}
  {% endif %}
    <div class ="mds-message__content">
      {% block content %}
        {{ content | default('Sample message content.')}}
      {% endblock %}
    </div>
</div>