From 3f7f1bee54dc07539dae7f34f76bed1e3912e943 Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissacranespam@gmail.com>
Date: Mon, 10 Jun 2024 15:21:56 -0400
Subject: [PATCH] update docs

---
 site/docs/pages/swap/swap-amount-input.mdx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/site/docs/pages/swap/swap-amount-input.mdx b/site/docs/pages/swap/swap-amount-input.mdx
index b2e03cddbe..647aef340b 100644
--- a/site/docs/pages/swap/swap-amount-input.mdx
+++ b/site/docs/pages/swap/swap-amount-input.mdx
@@ -12,15 +12,7 @@ The `SwapAmountInput` component is a stylized input field designed for users to
 
 ```tsx [code]
 <SwapAmountInput
-  token={{
-    address: '0x1234',
-    chainId: 1,
-    decimals: 18,
-    image:
-      'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-    name: 'Ethereum',
-    symbol: 'ETH',
-  }}
+  token={token}
   swappableTokens={[
     {
       address: '0x1234',
@@ -34,7 +26,10 @@ The `SwapAmountInput` component is a stylized input field designed for users to
     ...
   ]}
   label="Sell"
-  tokenBalance="4"
+  amount={amount}
+  tokenBalance={tokenBalance}
+  onAmountChange={setAmount}
+  onTokenSelectorClick={setToken}
 />
 ```