+
+
+
+
+

{t('app.title')}

+

+ {t('app.tagline')} +

+
+
+ +
+ {networkConfig.networkPassphrase === Networks.PUBLIC ? t('network.mainnet') : t('network.testnet')} +
+
+
+ + + + {/* Fee Estimation Display */} + {feeEstimate && ( +
+

+ {t('payment.feeEstimation.title')} {isEstimatingFee && t('payment.feeEstimation.calculating')} +

+
+ {isEstimatingFee ? ( +
{t('payment.feeEstimation.calculatingFees')}
+ ) : ( +
+
+ {t('payment.feeEstimation.estimatedNetworkFee')}: {feeEstimate.totalFee} XLM +
+
+ )} +
+
+ )} + +
+
+
+ + setMeterId(e.target.value)} + placeholder={t('payment.form.meterPlaceholder')} + className="h-12 w-full rounded-xl border border-slate-800 bg-slate-950 px-4 text-slate-100 placeholder-slate-600 ring-sky-500/20 transition-all focus:border-sky-500/50 focus:outline-none focus:ring-4" + aria-required="true" + disabled={buttonState.disabled} + autoComplete="off" + /> +
+ +
+ + setAmount(e.target.value)} + placeholder="0.00" + className="h-12 w-full rounded-xl border border-slate-800 bg-slate-950 px-4 text-slate-100 placeholder-slate-600 ring-sky-500/20 transition-all focus:border-sky-500/50 focus:outline-none focus:ring-4" + aria-required="true" + disabled={buttonState.disabled} + /> +
+
+ +
+ + +
+ {status} +
+
+
+
+ + +
+