import React from 'react';
import type { POSLocationButtonProps } from './POSLocationButton.types';
/**
 * POSLocationButton del sistema de diseño Siesa
 *
 * Botón especializado para punto de venta (POS) que muestra el estado de disponibilidad
 * de una ubicación física (mesa, salón, terraza, etc.) con indicadores visuales claros.
 *
 * **Estados de disponibilidad (status):**
 * - `available`: Disponible (verde/lime) con icono ✓
 * - `occupied`: Ocupada (naranja/yellow) con icono ✗
 * - `reserved`: Reservada (morado/purple) con icono 📅
 * - `outOfService`: Fuera de servicio (gris/zinc) con icono 🚫
 *
 * **Estados visuales (state):**
 * - `enabled`: Estado normal con fondo blanco/dark
 * - `actived`: Estado seleccionado con fondo coloreado
 *
 * **Características:**
 * - Ancho flexible: por defecto ocupa el 100% del contenedor (fullWidth=true)
 * - Altura fija: 68px (optimizado para interfaces POS)
 * - Muestra nombre de ubicación y capacidad (ej: "1/8 mesas")
 * - Badge visual con icono y texto del estado
 * - Dark mode completo en todos los estados
 * - Focus ring adaptativo
 * - Transiciones suaves
 *
 * Mejores prácticas implementadas:
 * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
 * - Dark mode con estrategia 'class' (darkMode: 'class')
 * - Tokens de color consistentes con la documentación
 * - Type safety con TypeScript estricto
 * - Accesibilidad con ARIA labels
 *
 * @see docs/colors.md - Sistema de colores
 * @see docs/typography.md - Sistema tipográfico
 * @see docs/spacing.md - Sistema de espaciado
 *
 * @example
 * ```tsx
 * // Ubicación disponible
 * <POSLocationButton
 *   locationName="Antejardín"
 *   status="available"
 *   capacity={{ current: 1, total: 8 }}
 *   onClick={() => console.log('Seleccionado')}
 * />
 *
 * // Ubicación ocupada y seleccionada
 * <POSLocationButton
 *   locationName="Terraza"
 *   status="occupied"
 *   state="actived"
 *   capacity={{ current: 5, total: 8 }}
 * />
 *
 * // Ubicación reservada
 * <POSLocationButton
 *   locationName="Salón Principal"
 *   status="reserved"
 *   capacity={{ current: 3, total: 12 }}
 * />
 *
 * // Fuera de servicio
 * <POSLocationButton
 *   locationName="Bar"
 *   status="outOfService"
 *   disabled
 * />
 * ```
 */
export declare const POSLocationButton: React.FC<POSLocationButtonProps>;
//# sourceMappingURL=POSLocationButton.d.ts.map