"use client";

import type { LucideIcon } from "lucide-react";

interface QuantityButtonProps {
    onClick: (e: React.MouseEvent) => void;
    ariaLabel: string;
    Icon: LucideIcon;
}

const QuantityButton = ({ onClick, ariaLabel, Icon }: QuantityButtonProps) => (
    <button
        onClick={onClick}
        className="secondary-button h-8 aspect-square rounded-theme flex items-center justify-center cursor-pointer"
        aria-label={ariaLabel}
        type="button"
    >
        <Icon className="relative h-4/10 text-secondary-cta-text" strokeWidth={1.5} />
    </button>
);

export default QuantityButton;