Default Component - Copy this React, Tailwind Component to your project
Desarrolla una interfaz de gestión de inventario para StockMaster con un diseño limpio y moderno, utilizando un fondo blanco con acentos en azul. La interfaz debe incluir una tabla de productos con columnas para nombre, código, stock y precio, además de un campo de búsqueda en la parte superior para filtrar productos. También debe contar con una barra de filtros para segmentar los productos por stock y precio, y botones azules para agregar, editar y eliminar productos. Debe ser responsive, permitir la exportación a Excel y contar con paginación para facilitar la navegación. Al hacer clic en 'Agregar', debe abrirse un modal donde se puedan ingresar los datos de un nuevo producto, incluyendo la opción de subir una imagen. Al hacer clic en 'Editar', debe abrirse un modal donde se puedan modificar los datos del producto y guardarlos correctamente. Al hacer clic en 'Eliminar', debe solicitar confirmación antes de borrar el producto. Toda la funcionalidad debe estar completamente implementada para que los productos puedan agregarse, editarse y eliminarse correctamente, con validaciones para evitar datos incorrectos
