"use client";

import { ShoppingCart } from "lucide-react";
import { readCartItems, writeCartItems } from "@/lib/cart-storage";

export function AddToCartButton({ productId, disabled = false, label = "Add to Cart", className = "" }: { productId: string; disabled?: boolean; label?: string; className?: string }) {
  function addToCart() {
    const items = readCartItems();
    const existing = items.find((item) => item.productId === productId);
    if (existing) existing.quantity += 1;
    else items.push({ productId, quantity: 1 });
    writeCartItems(items);
  }

  return (
    <button type="button" className={`gold-button w-full disabled:cursor-not-allowed disabled:opacity-60 ${className}`} onClick={addToCart} disabled={disabled}>
      <ShoppingCart size={17} />
      <span>{label}</span>
    </button>
  );
}