{# Params: icon, title, text (all translated strings; text optional), action (raw html optional) #}
<div class="rvx-flex rvx-flex-col rvx-items-center rvx-text-center rvx-gap-space12 rvx-rounded-card rvx-border rvx-border-dashed rvx-border-line rvx-bg-surface-sunken rvx-px-space24 rvx-py-space40">
  <span class="rvx-grid rvx-place-items-center rvx-size-12 rvx-rounded-pill rvx-bg-surface rvx-text-fg-subtle rvx-shadow-xs">
    {% include 'storefront/ui/icon.twig' with { name: icon|default('chat'), size: 24 } %}
  </span>
  <p class="rvx-text-lg rvx-font-semibold rvx-text-fg">{{ title }}</p>
  {% if text is defined and text %}<p class="rvx-text-base rvx-text-fg-muted rvx-max-w-prose">{{ text }}</p>{% endif %}
  {% if action is defined %}<div class="rvx-mt-space8">{{ action|raw }}</div>{% endif %}
</div>