'use client'; import { XMarkIcon } from '@heroicons/react/24/outline'; import clsx from 'clsx'; import { removeItem } from 'components/cart/actions'; import LoadingDots from 'components/loading-dots'; import type { CartItem } from 'lib/shopify/types'; import { useFormState, useFormStatus } from 'react-dom'; function SubmitButton() { const { pending } = useFormStatus(); return ( ); } export function DeleteItemButton({ item }: { item: CartItem }) { const [message, formAction] = useFormState(removeItem, null); const itemId = item.id; const actionWithVariant = formAction.bind(null, itemId); return (

{message}

); }