<turbo-stream action="replace" target="flash"><template>
  <div class="max-w-screen-xl mx-auto px-4 2xl:px-0 " id="flash">

    <div class="flash_warning  opacity-0 fixed -translate-y-6 transition transform duration-1000  top-0 left-4 w-[calc(100%-2rem)] md:left-1/2 md:w-1/2 md:ml-[-25%] mt-4 mb-6 z-50 flex items-center shadow-lg rounded-lg p-4 pointer-events-auto  text-yellow-800 bg-yellow-50"
         data-controller="notification"
         data-notification-delay-value="5000"
         data-transition-enter-from="opacity-0 -translate-y-6"
         data-transition-enter-to="opacity-100 translate-y-0"
         data-transition-leave-from="opacity-100 translate-y-0"
         data-transition-leave-to="opacity-0 -translate-y-6"
>
      <button type="button" data-action="notification#hide" class="text-yellow-800 bg-yellow-50 opacity-50 hover:opacity-90 absolute right-2 top-1/2 -translate-y-1/2 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center">
        <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
        </svg>
        <span class="sr-only">Hide flash</span>
      </button>

        <div class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-orange-500 bg-orange-100 rounded-lg">
          <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
            <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z"/>
          </svg>
        </div>
      <div class="pl-2 flash_warning">Votre panier est vide. Ajouter une référence produit à votre demande de devis</div>
    </div>
</div>
</template></turbo-stream>