{% props code: String, title: String, inner_block: Slot, actions: Slot = Slot::default(), reference: String = "" %}
{#- `code`: the HTTP status shown (return it as the real status too). `reference`: a request id for support. -#}
<main class="ui-error-page">
<div class="ui-error-inner">
<span class="ui-error-code">{{ code }}</span>
<h1 class="ui-error-title">{{ title }}</h1>
<p>{{ inner_block }}</p>
{%- if !actions.to_html().trim().is_empty() %}
<div class="ui-error-actions">{{ actions }}</div>
{%- end %}
{%- if !reference.is_empty() %}
<p class="ui-error-ref">Reference <code>{{ reference }}</code></p>
{%- end %}
</div>
</main>