"use client";

import { useEffect } from "react";
import { useCartStore } from "@/store/cart-store";

/**
 * Leert den Warenkorb, sobald die Rueckkehrseite eine abgeschlossene Zahlung
 * bestaetigt hat. Eigene Komponente, weil die Seite selbst serverseitig
 * rendert (sie fragt dort bei Stripe nach), der Warenkorb aber nur im
 * Browser liegt.
 */
export function ClearCartOnMount() {
  const clear = useCartStore((s) => s.clear);

  useEffect(() => {
    clear();
  }, [clear]);

  return null;
}