import { Dialog } from '@headlessui/react'; import { AnimatePresence, motion } from 'framer-motion'; import Image from 'next/image'; import Link from 'next/link'; import CloseIcon from 'components/icons/close'; import ShoppingBagIcon from 'components/icons/shopping-bag'; import Price from 'components/price'; import { DEFAULT_OPTION } from 'lib/constants'; import type { Cart } from 'lib/shopify/types'; import { createUrl } from 'lib/utils'; import DeleteItemButton from './delete-item-button'; import EditItemQuantityButton from './edit-item-quantity-button'; type MerchandiseSearchParams = { [key: string]: string; }; export default function CartModal({ isOpen, onClose, cart }: { isOpen: boolean; onClose: () => void; cart: Cart; }) { return ( {isOpen && ( )} ); }