import { BigNumberish } from 'ethers';
import { CSSProperties, ReactNode } from 'react';
import { ButtonOrLinkProps } from '../../atoms';
import { SubgraphCardOwner } from './types';
export type SubgraphCardProps = {
    /** The Subgraph logo image URL */
    image: string;
    /** The Subgraph display name */
    displayName: ReactNode;
    onClick?: () => void;
    subgraphStatus?: ReactNode;
    /** The total signal, in GRT, on the Subgraph */
    totalGRT?: BigNumberish;
    width?: number;
    height?: number;
    /** The Subgraph owner account details */
    ownerAccount: SubgraphCardOwner;
} & SubgraphCardContainerProps;
export declare function SubgraphCard({ image, displayName, totalGRT, onClick, subgraphStatus, ownerAccount, ...rest }: SubgraphCardProps): import("react").JSX.Element;
type SubgraphCardContainerProps = ButtonOrLinkProps.ExternalLinkProps | ButtonOrLinkProps.ClientLinkProps;
export type SubgraphCardExtraProps = SubgraphCardContainerProps & {
    icon: ReactNode;
    title: string;
    subtitle: string;
};
export declare function SubgraphCardExtra({ title, subtitle, icon, children, ...rest }: SubgraphCardExtraProps): import("react").JSX.Element;
export declare namespace SubgraphCardExtra {
    var Background: {
        (props: SubgraphCardExtraBackgroundProps): import("react").JSX.Element;
        displayName: string;
    };
}
export interface SubgraphCardExtraBackgroundProps {
    src?: string;
    className?: string;
    style?: CSSProperties;
    width?: number | string;
}
export {};
//# sourceMappingURL=SubgraphCard.d.ts.map