{% comment %}

    Bootstrap Alert, https://getbootstrap.com/docs/5.1/components/alerts/

    E.G. --> {% include feature/alert.html text="example text" color="warning" align="center" %}

    Options:
    - "text" = text for alert, can use Markdown.
    - "color" = a Bootstrap color (primary, secondary, success, danger, warning, info, light, dark)
    - "align" = text alignment (center, right, left)

{%- endcomment -%}
<div class="narrow-content">
    <div class="alert alert-{{ include.color | default: 'primary' }} feature-alert {% if include.align %}text-{{ include.align | default: 'center' }}{% endif %}" role="alert">
    {{ include.text | markdownify }}
    </div>
</div>