App - Copy this React, Tailwind Component to your project

crear-una-aplicacion-en-react-native-en-Javascript-para-los-pagos-con-cashless-y-tarjetas-nfc.-requisitos,-debe-tener-una-pantalla-principal-donde-se-presente-una-lista-con-los-productos-por-categorias,-estos-productos-deben-mostrar-una-imagen,-el-nombre-y-el-precio,-adicional-debe-tener-un-boton-para-sumar-items-al-carrito.-en-la-parte-inferior-debe-tener-dos-botones,-uno-rojo-que-diga-cancelar-y-uno-verde-que-diga-pagar,-al-decirle-pagar-debe-transferir-a-una-pantalla-que-diga-acerce-la-tarjeta-nfc.-al-acercar-la-tarjeta-se-debe-realizar-una-solicitud-a-una-api-rest-con-la-información-de-la-compra,-esta-api-devuelve-si-fue-exitosa-o-si-no,-junto-con-el-saldo-de-la-tarjeta-nfc.-este-se-debe-mostrar-despues-de-cada-transaccion-sin-importar-si-fue-exitosa-o-no,-si-fue-exitosa-mostrarlo-en-un-cajon-de-color-verde,-de-lo-contrario-en-un-cajon-de-color-rojo-en-este-caso-con-la-leyenda-de-saldo-insuficiente.-esta-tarjeta-solo-tiene-un-codigo-de-identificacion-y-basado-en-este-es-que-se-realiza-la-compra.-la-aplicacion-tambien-debe-tener-login-con-usuario-y-contraseña,otra-pantalla-que-muestre-un-detallado-de-todos-los-productos-vendidos,-tambien-otra-pantalla-con-un-consolidado-del-total-que-ha-cobrado,-y-una-pantalla-que-me-sirva-solo-para-ver-el-saldo-de-una-tarjeta-nfc