Actúa como un desarrollador frontend experto. Crea un panel de control (Dashboard) web para mi emprendimiento textil GANGA usando React y Tailwind CSS.
Como no tengo un backend real conectado, necesito que uses el código SQL que te adjunto al final para extraer la estructura de datos y los registros iniciales (mock data). Simula el funcionamiento de la base de datos usando el estado de React.
La interfaz debe tener:
Un formulario de ventas (Izquierda): Con selectores para elegir Cliente, Canal de Venta, Producto (mostrando nombre, talla, color y precio) y Cantidad.
Una tabla de inventario (Derecha): Mostrando el catálogo de productos con su stock actual. Pinta el stock en rojo si es menor a 10.
Interactividad (Simulando mi Trigger SQL): Cuando el usuario presione "Procesar Venta", debes descontar la cantidad elegida del stock del producto en la tabla derecha usando el estado de React y mostrar un mensaje de éxito.
Aquí está mi base de datos para que saques los nombres y el stock exacto: T[Pasted 28 lines]