25 lines
584 B
TypeScript
25 lines
584 B
TypeScript
"use client"
|
|
|
|
import { Button } from "@/components/ui/button"
|
|
import { ShoppingCart } from "lucide-react"
|
|
import { useCart } from "@/lib/cart/context"
|
|
|
|
interface MobileCartButtonProps {
|
|
onClick: () => void
|
|
}
|
|
|
|
export function MobileCartButton({ onClick }: MobileCartButtonProps) {
|
|
const { getItemCount } = useCart()
|
|
const itemCount = getItemCount()
|
|
|
|
return (
|
|
<Button
|
|
variant="outline"
|
|
onClick={onClick}
|
|
className="w-full flex items-center justify-center gap-2"
|
|
>
|
|
<ShoppingCart className="h-4 w-4" />
|
|
Cart ({itemCount})
|
|
</Button>
|
|
)
|
|
}
|