{% trans_default_domain 'home' %}

<div class="container mx-auto max-w-4xl">
  <div class="flex items-center space-x-4 bg-white p-4 border-b border-gray-200">
    {# Checkmark animation #}
    <div class="flex-shrink-0 animate-checkmark">
        <span class="material-symbols-outlined text-green-500 text-3xl">
          check_circle
        </span>
    </div>

    {# Texte à droite #}
    <div class="flex-1">
      <h2 class="text-base font-semibold text-gray-800 mb-1 animate-fade-up">
        {{ 'Integration.thanks_signalement'|trans }}
      </h2>
      <div class="text-sm text-gray-600">
        <p class="animate-fade-up animate-delay-1">
          {{ 'Integration.thanks_signalement_info1'|trans }}
        </p>
        <p class="animate-fade-up animate-delay-2">
          {{ 'Integration.thanks_signalement_info2'|trans }}
        </p>
      </div>
    </div>
  </div>
</div>