+
+
{`${contractAbi.name}`}
+ {!!contractAddress && (
+
+ {`${contractAddress.toShortString()}`}
+
+
+ )}
+
+
+ {functions.map((functionAbi: FunctionAbi, index: number) => (
+ {
+ setSelectedFunctionIndex(index);
+ }}
+ />
+ ))}
+
+
+ ),
+ };
+ }
+
+ const selectedFunctionAbi = functions[selectedFunctionIndex];
+
+ return {
+ header: selectedFunctionAbi.name,
+ content: (
+ <>
+