import { sendRawTransaction, isBitcoinWalletAccount } from "@dynamic-labs-sdk/bitcoin";
import { getPrimaryWalletAccount } from "@dynamic-labs-sdk/client";

const walletAccount = getPrimaryWalletAccount();

if (walletAccount && isBitcoinWalletAccount(walletAccount)) {
  const { transactionId } = await sendRawTransaction({
    walletAccount,
    rawTransaction: "0100000001...", // Hex-encoded raw transaction
  });

  console.log("Transaction broadcast:", transactionId);
}

import { sendRawTransaction, isBitcoinWalletAccount } from '@dynamic-labs-sdk/bitcoin';
import { useGetWalletAccounts } from '@dynamic-labs-sdk/react-hooks';
import { useState } from 'react';

function BroadcastButton({ rawTransaction }) {
  const { data: walletAccounts = [] } = useGetWalletAccounts();
  const walletAccount = walletAccounts.find(isBitcoinWalletAccount);
  const [txId, setTxId] = useState('');

  const handleBroadcast = async () => {
    if (!walletAccount) return;
    const { transactionId } = await sendRawTransaction({ walletAccount, rawTransaction });
    setTxId(transactionId);
  };

  return (
    <div>
      <button onClick={handleBroadcast} disabled={!walletAccount}>Broadcast</button>
      {txId && <p>Transaction ID: {txId}</p>}
    </div>
  );
}