import { DepositModal } from "@rhinestone/deposit-modal";
import "@rhinestone/deposit-modal/styles.css";

<DepositModal
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  backendUrl={process.env.NEXT_PUBLIC_DEPOSIT_PROXY_URL!}
  targetChain={8453}
  targetToken="0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
  reownAppId={process.env.NEXT_PUBLIC_REOWN_PROJECT_ID!}
  theme={{
    mode: "light",
    radius: "md",
  }}
  uiConfig={{
    showHistoryButton: true,
    maxDepositUsd: 100,
  }}
  assetMigrations={{ polymarket: true, hyperliquid: true, aave: true, morpho: true }}
  enableFiatOnramp={true}
  enableExchangeConnect={true}
  onLifecycle={(event) => console.log(event.type, event)}
/>