import { ArgTypes } from '@storybook/react';
export type DebugProps = {
    production?: boolean;
    sdkKey?: string;
    eventId?: string;
};
export declare const storybookOptions: {
    args: DebugProps;
    argTypes: ArgTypes<DebugProps>;
};
export declare const useStreamLayerDebug: (props?: DebugProps) => {
    env: "production" | "development";
    setEnv: import('react').Dispatch<import('react').SetStateAction<"production" | "development">>;
    sdkKey: string;
    setSdkKey: import('react').Dispatch<import('react').SetStateAction<string>>;
    event: string;
    setEvent: import('react').Dispatch<import('react').SetStateAction<string>>;
};
export declare const AnonymousAuth: () => import("react/jsx-runtime").JSX.Element | null;
export type StreamLayerDebugProps = ReturnType<typeof useStreamLayerDebug>;
/**
 * The `StreamLayerDebug` component is used to debug the StreamLayer SDK.
 * It is using:
 * - the `Developer` component to display the different debug options.
 * - the `useStreamLayerDebug` hook to get the current debug values.
 * - the `useStreamLayer` hook to get the StreamLayer SDK.
 * - the `DeveloperStorage` to store the debug values.
 *
 * The `Developer` component includes:
 * - the `EnvToggle` component to switch between the `production` and `development` environments.
 * - the `SdkKeyInput` component to set the SDK key.
 * - the `EventInput` component to set the event.
 * - the `BypassLogin` component to bypass login.
 *
 * The `Developer` component can be opened by clicking on the `Debug` button in the bottom right corner of the screen.
 */
export declare const StreamLayerDebug: React.FC<StreamLayerDebugProps>;