import { View, Text, TouchableOpacity } from 'react-native';
import { useWallet } from '@ampli/react-native';

function Wallet() {
  const { generateWallet, walletAddress, hasWallet } = useWallet();

  const createWallet = async () => {
    // Generate secure MPC wallet
    const wallet = await generateWallet();
    
    console.log('Address:', wallet.address);
    console.log('Public Key:', wallet.publicKey);
    // Private key never exists - secured by MPC!
  };

  return hasWallet ? (
    <View>
      <Text>Wallet: {walletAddress}</Text>
      <Text>Secured by Multi-Party Computation</Text>
    </View>
  ) : (
    <TouchableOpacity onPress={createWallet}>
      <Text>Generate Wallet</Text>
    </TouchableOpacity>
  );
}

import { View, Text, TouchableOpacity } from 'react-native';
import { useSmartAccount } from '@ampli/react-native';

function SmartAccountScreen() {
  const { 
    smartAccount,
    createSmartAccount,
    executeTransaction,
    batchTransactions 
  } = useSmartAccount();

  const handleGaslessTx = async () => {
    // Sponsor gas for your users
    const txHash = await executeTransaction({
      to: '0x...',
      data: '0x...',
      value: '0'
    }, { sponsored: true });
    
    console.log('Gasless tx sent:', txHash);
  };

  const handleBatchTx = async () => {
    // Batch multiple operations into one
    const txHash = await batchTransactions([
      { to: '0x...', data: '0x...', value: '0' },
      { to: '0x...', data: '0x...', value: '0' }
    ]);
    
    console.log('Batch tx sent:', txHash);
  };

  return (
    <View>
      <Text>Smart Account: {smartAccount?.address}</Text>
      
      <TouchableOpacity onPress={handleGaslessTx}>
        <Text>Send Gasless Transaction</Text>
      </TouchableOpacity>
      
      <TouchableOpacity onPress={handleBatchTx}>
        <Text>Batch Transactions</Text>
      </TouchableOpacity>
    </View>
  );
}