import { IconProps } from "../utils/index.mjs"; import { BridgeSlug, ChainId, ChainSlug, DefiSlug, DexSlug, ExchangeSlug, OracleSlug, Ticker, WalletSlug } from "../meta/index.mjs"; import { ReactNode } from "react"; //#region src/dynamic/index.d.ts type Variant = 'colored' | 'mono'; interface DynamicIconBase extends Omit { /** Icon variant. Defaults to `'colored'`. */ variant?: Variant; /** Rendered while loading or when the identifier is not recognized. */ fallback?: ReactNode; } interface ChainIconProps extends DynamicIconBase { /** Chain slug, case-insensitive (e.g. `'ethereum'`, `'arbitrum'`). */ name?: ChainSlug | (string & {}); /** EVM chain ID (e.g. `1`, `8453`). Takes precedence over `name`. */ chainId?: ChainId | (number & {}); } interface CoinIconProps extends DynamicIconBase { /** Ticker symbol, case-insensitive (e.g. `'ETH'`, `'btc'`). */ symbol: Ticker | (string & {}); } interface WalletIconProps extends DynamicIconBase { /** Wallet name, case-insensitive (e.g. `'metamask'`, `'rabby'`). */ name: WalletSlug | (string & {}); } interface ExchangeIconProps extends DynamicIconBase { /** Exchange name, case-insensitive (e.g. `'binance'`, `'coinbase'`). */ name: ExchangeSlug | (string & {}); } interface DefiIconProps extends DynamicIconBase { /** DeFi protocol name, case-insensitive (e.g. `'aave'`, `'lido'`). */ name: DefiSlug | (string & {}); } interface DexIconProps extends DynamicIconBase { /** DEX name, case-insensitive (e.g. `'uniswap'`, `'sushiswap'`). */ name: DexSlug | (string & {}); } interface BridgeIconProps extends DynamicIconBase { /** Bridge name, case-insensitive (e.g. `'layerzero'`, `'wormhole'`). */ name: BridgeSlug | (string & {}); } interface OracleIconProps extends DynamicIconBase { /** Oracle protocol name, case-insensitive (e.g. `'pyth'`, `'band'`). */ name: OracleSlug | (string & {}); } /** Lazily loads a chain icon by chain ID or slug. */ declare const ChainIcon: (props: ChainIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads a coin icon by ticker symbol. */ declare const CoinIcon: (props: CoinIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads a wallet icon by name. */ declare const WalletIcon: (props: WalletIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads an exchange icon by name. */ declare const ExchangeIcon: (props: ExchangeIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads a DeFi protocol icon by name. */ declare const DefiIcon: (props: DefiIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads a DEX icon by name. */ declare const DexIcon: (props: DexIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads a bridge icon by name. */ declare const BridgeIcon: (props: BridgeIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; /** Lazily loads an oracle icon by name. */ declare const OracleIcon: (props: OracleIconProps & Omit & { fallback?: ReactNode; }) => import("react").JSX.Element; //#endregion export { BridgeIcon, BridgeIconProps, ChainIcon, ChainIconProps, CoinIcon, CoinIconProps, DefiIcon, DefiIconProps, DexIcon, DexIconProps, ExchangeIcon, ExchangeIconProps, OracleIcon, OracleIconProps, WalletIcon, WalletIconProps }; //# sourceMappingURL=index.d.mts.map