<turbo-stream action="update" target="drawer-cart"><template><turbo-frame id="drawer-cart">
  <div class="flex flex-col mb-8" data-item-count="0">
    <header class="shrink-0 px-4 pt-6 pb-4 sm:px-6">
      <div class="flex justify-between">
        <h2 class="text-2xl font-bold"></h2>
        <button
          type="button"
          data-action="sidecar#close"
          aria-label="Close panel"
          class="hover:text-gray-500 transition duration-150"
        >
          <span class="text-2xl">✕</span>
        </button>
      </div>
    </header>
    <div class="flex-1 px-4 flex flex-col justify-center items-center">
      <span class="border border-dashed border-primary rounded-full flex items-center justify-center w-16 h-16 p-12 bg-primary text-secondary relative">
        <svg class="absolute text-white w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
        </svg>
      </span>
      <h2 class="pt-6 text-2xl font-bold tracking-wide text-center">
        Your cart is empty
      </h2>
      <p class="text-accents-8 px-10 text-center pt-2">
        Have an account? Sign in to see your cart
      </p>
      <a class="w-full mt-4 px-4 py-2 bg-primary text-white rounded-md text-center font-medium hover:bg-secondary-dark transition" data-turbo-frame="_top" data-action="click-&gt;sidecar#close" href="/login">Sign in</a>
    </div>
  </div>
</turbo-frame></template></turbo-stream>