2023-03-17 14:37:33 +00:00
|
|
|
<div class="message {{@type.class}}">
|
2019-03-13 21:52:09 +00:00
|
|
|
<div class="columns is-mobile is-variable is-1">
|
|
|
|
|
<div class="column is-narrow message-icon">
|
2023-03-17 14:37:33 +00:00
|
|
|
<Icon aria-hidden="true" @name={{@type.glyph}} />
|
2019-03-13 21:52:09 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="column">
|
2023-03-17 14:37:33 +00:00
|
|
|
<button type="button" class="close-button" {{on "click" @close}}>
|
2021-12-07 17:05:14 +00:00
|
|
|
<Icon @name="x" aria-label="Close" />
|
2019-03-13 21:52:09 +00:00
|
|
|
</button>
|
|
|
|
|
<div class="message-title">
|
2023-03-17 14:37:33 +00:00
|
|
|
{{@type.text}}
|
2019-03-13 21:52:09 +00:00
|
|
|
</div>
|
2023-03-17 14:37:33 +00:00
|
|
|
{{#if @message}}
|
|
|
|
|
<p class="message-body {{if @isPreformatted 'pre'}}" data-test-flash-message-body="true">{{@message}}</p>
|
2019-03-13 21:52:09 +00:00
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-12-17 03:44:29 +00:00
|
|
|
</div>
|
