import { ReactNode } from 'react';
export type DisconnectedProps = {
    children: ReactNode;
};
/**
 * Utility component that only renders the passed in children if the user is NOT connected/authenticated.
 * If the user is connected, this will render null.
 * Useful for wrapping components where you want to guarantee that they are only rendered,
 * if the user is NOT connected.
 * Such as: a connect wallet button, etc
 *
 * @example
 * ```tsx
 * import { Disconnected, useGraphAuthKit } from '@edgeandnode/graph-auth-kit'
 *
 * export function ShowMeDisonnected() {
 *  const authkit = useGraphAuthKit()
 *
 *  return (
 *    <Disconnected>
 *      <button onClick={() => authkit.openConnectModal()}>Connect</button>
 *    </Disconnected>
 *  )
 * }
 * ```
 */
export declare function Disconnected({ children }: DisconnectedProps): ReactNode;
//# sourceMappingURL=Disconnected.d.ts.map