Sign Messages with Stellar Libraries

import { useParaStellarSigner } from "@getpara/react-native-wallet/stellar";
import { Networks } from "@stellar/stellar-sdk";
import { View, Text, Button } from "react-native";

function SignMessage() {
  const { stellarSigner, isLoading } = useParaStellarSigner({
    networkPassphrase: Networks.PUBLIC,
  });

  const signMessage = async () => {
    if (!stellarSigner) return;

    const message = "Hello, Stellar!";
    const messageBytes = Buffer.from(new TextEncoder().encode(message));

    const signature = await stellarSigner.signBytes(messageBytes);

    console.log("Message:", message);
    console.log("Signature:", signature.toString("hex"));
    console.log("Signer:", stellarSigner.address);
  };

  if (isLoading) return <Text>Loading...</Text>;

  return <Button title="Sign Message" onPress={signMessage} />;
}