import { ReactNode } from 'react';
import { UseGraphAuthKitAccountReturnType } from '../hooks';
import { GraphAuthKitConnector } from '../types';
export type ConnectedAccountReturn = Readonly<{
    address: NonNullable<UseGraphAuthKitAccountReturnType['address']>;
    chain: NonNullable<UseGraphAuthKitAccountReturnType['chain']>;
    connector: GraphAuthKitConnector;
    connectedWithMultisig: UseGraphAuthKitAccountReturnType['connectedWithMultisig'];
}>;
export type ConnectedProps = {
    children(account: ConnectedAccountReturn): ReactNode;
};
/**
 * Utility component that only renders the passed in children if the user is authenticated.
 * Otherwise, it renders null.
 * Useful for wrapping components where you want to guarantee that they are only rendered,
 * if the user is connected.
 *
 * @example
 * ```tsx
 * import { Connected } from '@edgeandnode/graph-auth-kit'
 *
 * export function ShowMeConnected() {
 *  return (
 *    <Connected>
 *      {(account) => <div>Connected Wallet: {account.address}</div>}
 *    </Connected>
 *  )
 * }
 * ```
 */
export declare function Connected({ children }: ConnectedProps): ReactNode;
//# sourceMappingURL=Connected.d.ts.map