import type { MouseEvent } from 'react';
/**
 * Props del componente POSProductCard
 *
 * Card especializado para sistemas de punto de venta (POS) que muestra
 * información de producto con imagen, nombre, precio y botón de agregar.
 *
 * El botón "Agregar" reutiliza el componente Button del sistema.
 *
 * @see docs/colors.md - Sistema de colores
 * @see docs/typography.md - Sistema tipográfico
 * @see docs/spacing.md - Sistema de espaciado
 * @see docs/shadows.md - Sistema de sombras
 * @see src/components/Button - Componente Button reutilizado
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4368-31336 - Diseño Figma
 */
export interface POSProductCardProps {
    /**
     * URL de la imagen del producto
     * Se muestra en la parte superior del card con aspect-ratio fijo
     */
    image: string;
    /**
     * Nombre del producto a mostrar
     * Se muestra con tipografía Label Small (14px Bold)
     */
    productName: string;
    /**
     * Precio del producto formateado como string
     * Se muestra con tipografía Heading Small (24px Bold)
     * @example "$ 40.000"
     */
    price: string;
    /**
     * Texto del botón de acción
     * @default "Agregar"
     */
    buttonText?: string;
    /**
     * Estado activo/seleccionado del card
     * Cuando está activo, el fondo cambia a azul claro y el texto a azul
     * @default false
     */
    active?: boolean;
    /**
     * Si el card está deshabilitado
     * @default false
     */
    disabled?: boolean;
    /**
     * Handler para cuando se hace clic en el botón "Agregar"
     */
    onAddClick?: (event: MouseEvent<HTMLButtonElement>) => void;
    /**
     * Handler para cuando se hace clic en el card (no en el botón)
     */
    onCardClick?: (event: MouseEvent<HTMLDivElement>) => void;
    /**
     * Clases CSS adicionales para el card
     */
    className?: string;
    /**
     * Label de accesibilidad para el card
     */
    ariaLabel?: string;
}
//# sourceMappingURL=POSProductCard.types.d.ts.map