import * as React from 'react';
import * as CSS from 'csstype';
export declare type Social = {
    type: SocialType;
    url: string;
};
export declare type SocialType = 'twitter' | 'youtube' | 'twitch';
export declare type Donation = {
    tokens: string;
    converted: string;
    selected?: boolean;
};
export interface Props {
    balance: string;
    currentAmount: string;
    donationAmounts: Donation[];
    onAmountSelection: (tokens: string) => void;
    id?: string;
    title?: string;
    name?: string;
    domain: string;
    bgImage?: string;
    logo?: string;
    social?: Social[];
    provider?: SocialType;
    recurringDonation?: boolean;
    children?: React.ReactNode;
    onDonate: (amount: string, monthly: boolean) => void;
    onClose?: () => void;
    isMobile?: boolean;
    logoBgColor?: CSS.Color;
    showUnVerifiedNotice?: boolean;
    learnMoreNotice?: string;
    addFundsLink?: string;
}
interface State {
    monthly: boolean;
}
export default class SiteBanner extends React.PureComponent<Props, State> {
    constructor(props: Props);
    getLogo(logo: string | undefined, domain: string, name: string | undefined): JSX.Element;
    getSocialData(item: Social): JSX.Element | null;
    getSocial: (social?: Social[] | undefined) => JSX.Element[] | null;
    getTitle(title?: string): string;
    getBannerTitle(name?: string, domain?: string, provider?: SocialType): string | undefined;
    getText(children?: React.ReactNode): {};
    onMonthlyChange: (key: string, selected: boolean) => void;
    onDonate: (amount: string) => void;
    onKeyUp: (e: React.KeyboardEvent<HTMLDivElement>) => void;
    render(): JSX.Element;
}
export {};