demo.ts

      {/* <div className="bg-white mx-24 px-8 py-4 my-8 border rounded-lg divide-y mt-16 ">  
        <h1 className="font-bold">
          Balance{" "}
          <span className="ml-4 font-normal">{balance} Ether</span>
        </h1>
      </div> */}
      {/* <div className="bg-white mx-24 px-8 py-4 my-8 border rounded-lg divide-y">
        <div className="flex py-1 bg-sky-50">
          <h1 className="w-2/12">Txn Hash</h1>
          <h1 className="w-1/12">Block</h1>
          <h1 className="w-3/12">Age</h1>
          <h1 className="w-2/12">From</h1>
          <h1 className="w-2/12">To</h1>
          <h1 className="w-3/12">Value</h1>
        </div>
        {externalTxs.length <= 0 ? (
          <p className="py-4">No external transactions found.</p>
        ) : (
          externalTxs.map((tx, index) => (
            <div key={index} className="flex py-4">
              <p className="w-2/12 text-[#357BAD]">
                {tx.hash.slice(0, 16)}...
              </p>
              <p className="w-1/12">{tx.blockNum}</p>
              <p className="w-3/12">{tx.metadata.blockTimestamp}</p>
              <p className="w-2/12">{tx.from.slice(0, 16)}...</p>
              <p className="w-2/12 text-[#357BAD]">
                {tx.to.slice(0, 16)}...
              </p>
              <p className="w-3/12">
                {tx.value} {tx.asset}
              </p>
            </div>
          ))
        )}
      </div> */}