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

Table-"N1_N_PAIS"-{-"pkPais"-INT-[pk,-increment]-"descripcion"-TEXT-}-Table-"N1_N_CLASE"-{-"pkClase"-INT-[pk,-increment]-"descripcion"-TEXT-}-Table-"N1_N_Categoria"-{-"pkCategoria"-INT-[pk,-increment]-"descripcion"-TEXT-}-Table-"N1_N_PRODUCTO"-{-"pkProducto"-INT-[pk,-increment]-"fkPais"-INT-[not-null]-"fkClase"-INT-[not-null]-"fkCategoria"-INT-[not-null]-"descripcionProducto"-VARCHAR(255)-[not-null]-"descripcionComercial"-VARCHAR(255)-"codigoSAP"-VARCHAR(50)-"fkUnidadMedida"-INT-[not-null]-}-Table-"dbo"."N1_N_DETALLE_PRODUCTO_INGREDIENTEACTIVO"-{-"pkDetalleProductoIngrediente"-bigint-[not-null,-increment]-"porIngredienteActivo"-varchar(200)-"fkProducto"-int-"fkIngredienteActivo"-int-"estadoRegistro"-bit-"fechaRegistro"-datetime-}-Ref:-"public"."N1_N_PAIS"."pkPais"-<-"public"."N1_N_PRODUCTO"."fkPais"-Ref:-"public"."N1_N_Categoria"."pkCategoria"-<-"public"."N1_N_PRODUCTO"."fkCategoria"-Ref:-"public"."N1_N_CLASE"."pkClase"-<-"public"."N1_N_PRODUCTO"."fkClase"-Ref:-"public"."N1_N_PRODUCTO"."pkProducto"-<-"dbo"."N1_N_DETALLE_PRODUCTO_INGREDIENTEACTIVO"."fkProducto"-Table-"N1_N_DETALLE_PRODUCTO"-{-"pkDetalleProducto"-INT-[pk,-increment]-"fkProducto"-INT-[not-null]-"fkCultivo"-INT-[not-null]-"inactivo"-BIT-[not-null,-default:-0]-"fechaInicio"-DATE-[not-null]-"fechaFin"-DATE-[not-null]-"fkObjetivo"-INT-[not-null]-"fkEstadoPlagaObjetivo"-INT-[not-null]-"codigoObjetivo"-VARCHAR(50)-"fkMomentoAplicacionCodigoEtapa"-INT-[not-null]-"periodoReingreso"-INT-"periodoCarencia"-INT-"periodoCarenciaCamposol"-INT-"dosisMinimaUnidHa"-DECIMAL(10,4)-"dosisMaximaUnidHa"-DECIMAL(10,4)-"concentracionMin"-DECIMAL(10,4)-"concentracionMax"-DECIMAL(10,4)-"maximoNumeroAplicaciones"-INT-"lmr"-DECIMAL(10,4)-"fkMetodoAplicacion"-INT-[not-null]-"codigoCorrelativo"-INT-}-Ref:-"public"."N1_N_PRODUCTO"."pkProducto"-<-"public"."N1_N_DETALLE_PRODUCTO"."fkProducto"