import * as react_jsx_runtime from 'react/jsx-runtime'; import { LoadedClerk, __experimental_CheckoutButtonProps, __experimental_PlanDetailsButtonProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, __experimental_SubscriptionDetailsButtonProps, SignInProps, SignUpProps, UserButtonProps, UserProfileProps, OrganizationProfileProps, OrganizationSwitcherProps, OrganizationListProps, GoogleOneTapProps, WaitlistProps, PricingTableProps, OAuthConsentProps, ShowWhenCondition, PendingSessionOptions, HandleOAuthCallbackParams, UseAuthReturn } from '@clerk/shared/types'; export { SignInButtonProps, SignUpButtonProps, __experimental_CheckoutButtonProps, __experimental_PlanDetailsButtonProps, __experimental_SubscriptionDetailsButtonProps } from '@clerk/shared/types'; import React from 'react'; export { UNSAFE_PortalProvider } from '@clerk/shared/react'; type WithClerkProp = T & { clerk: LoadedClerk | undefined | null; }; declare const CheckoutButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PlanDetailsButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const SignInButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; type SignOutButtonProps = SignOutOptions & { children?: React.ReactNode; }; declare const SignOutButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const SignUpButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const SubscriptionDetailsButton: { (props: Omit>, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; interface OpenProps { open: ((props: any) => void) | undefined; close: (() => void) | undefined; props?: any; } interface MountProps { mount: ((node: HTMLDivElement, props: any) => void) | undefined; unmount: ((node: HTMLDivElement) => void) | undefined; updateProps?: (props: any) => void; props?: any; } declare const SignIn: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const SignUp: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const UserButton: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const UserProfile: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const OrganizationProfile: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const OrganizationSwitcher: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const OrganizationList: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const GoogleOneTap: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const Waitlist: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PricingTable: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const OAuthConsent: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const ClerkLoaded: ({ children }: React.PropsWithChildren) => JSX.Element | null; declare const ClerkLoading: ({ children }: React.PropsWithChildren) => JSX.Element | null; type ShowProps = React.PropsWithChildren<{ fallback?: React.ReactNode; when: ShowWhenCondition; } & PendingSessionOptions>; declare const Show: ({ children, fallback, treatPendingAsSignedOut, when }: ShowProps) => react_jsx_runtime.JSX.Element | null; /** * Use `` to complete a custom OAuth flow. */ declare const AuthenticateWithRedirectCallback: { (props: Omit, "clerk">): react_jsx_runtime.JSX.Element; displayName: string; }; type UseAuth = (options?: PendingSessionOptions) => UseAuthReturn; /** * Returns the current auth state, the user and session ids and the `getToken` * that can be used to retrieve the given template or the default Clerk token. * * Until Clerk loads, `isLoaded` will be set to `false`. * Once Clerk loads, `isLoaded` will be set to `true`, and you can * safely access the `userId` and `sessionId` variables. * * For projects using a server, you can have immediate access to this data during SSR. * * @example * function Hello() { * const { isSignedIn, sessionId, userId } = useAuth(); * if(isSignedIn) { * return null; * } * console.log(sessionId, userId) * return
...
* } * * This page will be fully rendered during SSR: * @example * export HelloPage = () => { * const { isSignedIn, sessionId, userId } = useAuth(); * console.log(isSignedIn, sessionId, userId) * return
...
* } */ declare const useAuth: UseAuth; export { AuthenticateWithRedirectCallback, ClerkLoaded, ClerkLoading, GoogleOneTap, type MountProps, OAuthConsent, type OpenProps, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, Show, type ShowProps, SignIn, SignInButton, SignOutButton, type SignOutButtonProps, SignUp, SignUpButton, UserButton, UserProfile, Waitlist, CheckoutButton as __experimental_CheckoutButton, PlanDetailsButton as __experimental_PlanDetailsButton, SubscriptionDetailsButton as __experimental_SubscriptionDetailsButton, useAuth };