import React from 'react';
import { Transaction, Amount, Token } from '@pooltogether/hooks';
import { SquareButtonTheme } from '../Buttons/SquareButton';
import { i18nTranslate } from 'src/types';
export interface View {
    id: string;
    label: React.ReactNode;
    view: (props: Partial<MainViewProps & MoreInfoViewProps>) => JSX.Element;
    theme?: SquareButtonTheme;
}
export interface BalanceBottomSheetProps extends MainViewProps, MoreInfoViewProps {
    open: boolean;
    onDismiss: () => void;
    className?: string;
}
export declare const BalanceBottomSheet: {
    (props: BalanceBottomSheetProps): JSX.Element;
    defaultProps: {
        label: string;
    };
};
export declare const BalanceBottomSheetBackButton: (props: {
    onClick: () => void;
    t?: i18nTranslate;
    view: string;
}) => JSX.Element;
interface MainViewProps {
    t?: i18nTranslate;
    chainId: number;
    views: View[];
    tx: Transaction;
    token: Token;
    balance: Amount;
    balanceUsd: Amount;
    contractLinks: ContractLink[];
    title: string;
    banner?: React.ReactNode;
}
export interface ContractLink {
    i18nKey: string;
    chainId: number;
    address: string;
}
interface MoreInfoViewProps {
    t?: i18nTranslate;
    chainId: number;
    token: Token;
    contractLinks: ContractLink[];
    isWalletOnProperNetwork: boolean;
    isWalletMetaMask: boolean;
}
export {};
