"use client"; /** * Cart trigger button (icon + count badge) + slide-over sheet listing the * cart contents with qty steppers. The checkout CTA navigates to the * host-provided `checkoutHref`. */ import * as React from "react"; import Link from "next/link"; import { Minus, Plus, ShoppingCart, Trash2 } from "lucide-react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "@/components/ui/sheet"; import { formatIDR, useCart } from "../lib/cart"; export function CartWidget({ checkoutHref = "/checkout" }: { checkoutHref?: string }) { const { items, count, subtotal, setQty, remove } = useCart(); const [open, setOpen] = React.useState(false); return ( Keranjang {items.length === 0 ? (

Keranjang masih kosong. Tambahkan produk dari katalog.

) : (

{item.emoji && ( {item.emoji} )}

{item.name}

{item.priceLabel}

{item.qty}

{formatIDR(item.price * item.qty)}

)}

Subtotal {formatIDR(subtotal)}

); }