'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>
  )
}