import { PropsWithChildren } from 'react';

/**
 * Use `<SignedOut />` to control the rendering of components for users. Components inside `<SignedOut />` are only rendered if the user is not authenticated.
 *
 * @example
 * ```tsx
 * import { NhostProvider, SignedOut } from "@nhost/react";
 * import { nhost } from '@/utils/nhost';
 *
 * function Page() {
 *   return (
 *     <NhostProvider nhost={nhost}>
 *       <SignedOut>
 *         <h1>Only rendered if the user is not authenticated</h1>
 *       </SignedOut>
 *     </NhostProvider>
 *   )
 * }
 * ```
 *
 * @docs https://docs.nhost.io/reference/react/signed-out
 * @category Components
 */
export declare function SignedOut({ children }: PropsWithChildren<unknown>): import('react').FunctionComponentElement<{
    children?: import('react').ReactNode | undefined;
}> | null;
//# sourceMappingURL=SignedOut.d.ts.map