add imports

Author: 0xAlec

site/docs/pages/swap/swap.mdx

@@ -23,7 +23,6 @@ If you'd like more customization, follow the implementation guide for our `Swap`
 
 ```tsx twoslash
 import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import { SwapDefault } from '@coinbase/onchainkit/swap'; // [!code focus]
 import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
 import { useAccount } from 'wagmi';
 import type { Token } from '@coinbase/onchainkit/token';
@@ -71,18 +70,16 @@ export default function SwapComponents() {
     chainId: 8453,
   };
 // ---cut-before---
-// omitted for brevity
+import { SwapDefault } from '@coinbase/onchainkit/swap'; // [!code focus]
 
 // the first token in array will be initially selected token // [!code focus]
 const swappableFromTokens: Token[] = [wethToken, usdcToken, ethToken, degenToken]; // [!code focus]
 const swappableToTokens: Token[] = [degenToken, ethToken, usdcToken, wethToken] // [!code focus]
 
-return ( // [!code focus]
-  <SwapDefault // [!code focus]
-    from={swappableFromTokens} // [!code focus]
-    to={swappableToTokens} // [!code focus]
-  /> // [!code focus]
-); // [!code focus]
+<SwapDefault // [!code focus]
+  from={swappableFromTokens} // [!code focus]
+  to={swappableToTokens} // [!code focus]
+/> // [!code focus]
 // ---cut-after---
 }
 

site/docs/pages/transaction/transaction.mdx

@@ -41,10 +41,10 @@ If you'd like more customization, follow the implementation guide for our `Swap`
 
 ```tsx twoslash
 // @noErrors: 2580 2304 - Cannot find name 'process', Cannot find name 'contracts'
-import { TransactionDefault } from "@coinbase/onchainkit/transaction"
 // ---cut-before---
-// omitted for brevity
-<TransactionDefault contracts={contracts} />
+import { TransactionDefault } from "@coinbase/onchainkit/transaction" // [!code focus]
+
+<TransactionDefault contracts={contracts} /> // [!code focus]
 ```
 
 <App>

site/docs/pages/wallet/wallet.mdx

@@ -42,12 +42,10 @@ The `WalletDefault` component is a simplified version of the `Wallet` component,
 If you'd like more customization, follow the implementation guide for our `Wallet` component below.
 
 ```tsx twoslash
-import { WalletDefault } from '@coinbase/onchainkit/wallet';
-
 export function WalletComponents() {
   return (
 // ---cut-before---
-// omitted for brevity
+import { WalletDefault } from '@coinbase/onchainkit/wallet';
 
 <WalletDefault /> // [!code focus]
 // ---cut-after---