Product Management - Copy this React, Tailwind Component to your project

Diseña una interfaz moderna y eficiente para la gestión de datos maestros de productos en un sistema ERP conectado a SAP S/4HANA. La interfaz debe incluir lo siguiente: Estructura principal: Tres secciones clave: Catálogo de productos: Lista de productos con filtros (por código, descripción, sector, disponibilidad). Detalles del producto seleccionado: Información editable sobre el producto. Acciones y multimedia: Botones para guardar o cancelar cambios, y una sección para cargar/visualizar imágenes del producto. Datos principales a mostrar/editar: Código del producto. Descripción. Clasificación comercial (sector, agrupación). Unidades de medida y conversiones (e.g., caja = 12 piezas). Precio estándar y descuentos aplicables. Disponibilidad de inventario. Información técnica: dimensiones, peso, material. Imagen del producto (con vista previa y opción de cargar nuevas imágenes). Características adicionales: Resaltar productos sin stock con etiquetas de alerta. Integración con SAP para sincronizar cambios automáticamente. Validaciones automáticas (e.g., códigos únicos, precios positivos). Vista detallada de transacciones relacionadas al producto (pedidos, facturas). Estilo visual: Diseño responsivo y atractivo. Uso de colores neutros con acentos en tonos verdes o naranjas para destacar alertas. Iconos representativos para agregar, editar, eliminar y sincronizar datos. El diseño debe ser práctico para usuarios del área de inventarios o ventas, permitiendo acceso rápido a información clave y un manejo sencillo de los datos de productos