@stakefish/ui
Version:
<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>
44 lines (43 loc) • 1.03 kB
TypeScript
import React, { ReactNode } from "react";
/**
* Types
*/
export interface SupportedWalletShape {
/**
* Name of the wallet.
*/
name: string;
/**
* Web3 connector instance of the wallet.
*/
connector?: any;
/**
* File of wallet logo.
*/
logo: ReactNode;
}
export interface WalletButtonProps {
/**
* Wallet object contains name, connector, logo, and more payloads.
*/
wallet: SupportedWalletShape;
/**
* If `true`, button is not clickable and style changes.
* @default false
*/
disabled?: boolean;
/**
* Supporting element placed under wallet name.
*/
supportingElement?: ReactNode;
/**
* Callback fired when the component is clicked.
* @param {SupportedWalletShape} wallet
*/
onWalletButtonClick: ((wallet: SupportedWalletShape) => void) | null;
}
/**
* Main
*/
declare const WalletButton: React.FC<WalletButtonProps>;
export default WalletButton;