import React from 'react';
import type { TableLayoutViewProps } from './TableLayoutView.types';
/**
 * TableLayoutView - Vista de layout de mesas para restaurante (POS)
 *
 * Vista completa pixel-perfect según especificaciones de Figma que incluye:
 * - Navbar superior con usuario y acciones
 * - Sidebar izquierdo con lista de salones/ubicaciones
 * - Área central con grid de mesas y controles
 * - Sidebar derecho con selector de cantidad de personas
 * - Leyenda de convenciones al pie del área central
 *
 * **Layout responsive:**
 * - Mobile: Columnas apiladas verticalmente
 * - Desktop: 3 columnas (sidebar izq 245px + centro flex + sidebar der 304px)
 *
 * **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
 * - Mobile-first responsive design
 *
 * @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
 *
 * @example
 * ```tsx
 * <TableLayoutView
 *   locations={[
 *     { id: '1', name: 'Antejardín', status: 'available', capacity: { current: 1, total: 8 } },
 *     { id: '2', name: 'Terraza', status: 'occupied', capacity: { current: 8, total: 8 } },
 *   ]}
 *   tables={[
 *     { tableNumber: '01', status: 'available', shape: 'square', chairs: 8, isActive: true },
 *     { tableNumber: '02', status: 'available', shape: 'circle', chairs: 2 },
 *   ]}
 *   onTableSelect={(tableNum) => console.log('Mesa seleccionada:', tableNum)}
 * />
 * ```
 */
export declare const TableLayoutView: React.FC<TableLayoutViewProps>;
//# sourceMappingURL=TableLayoutView.d.ts.map