import React from "react";
import type { ReactNode } from "react";
export interface SublayIntegrationProviderProps {
    children: ReactNode;
    projectId: string;
    signedToken?: string | null;
}
/**
 * Integration provider for Sublay (Integration Mode).
 *
 * Use this when you HAVE your own Redux store and want to integrate
 * Sublay's reducers into it. This provider does NOT create a Redux store -
 * you must wrap your app with your own Redux Provider.
 *
 * Prerequisites:
 * 1. Add sublayReducers under the 'sublay' key in your store
 * 2. Add sublayApiReducer under the 'sublayApi' key
 * 3. Add sublayMiddleware to your middleware chain
 *
 * @example
 * ```tsx
 * import { configureStore } from '@reduxjs/toolkit';
 * import { Provider } from 'react-redux';
 * import {
 *   SublayIntegrationProvider,
 *   sublayReducers,
 *   sublayApiReducer,
 *   sublayMiddleware
 * } from '@sublay/react-js';
 *
 * const store = configureStore({
 *   reducer: {
 *     sublay: sublayReducers,
 *     sublayApi: sublayApiReducer,
 *     ...yourReducers
 *   },
 *   middleware: (getDefault) => getDefault().concat(...sublayMiddleware)
 * });
 *
 * function App() {
 *   return (
 *     <Provider store={store}>
 *       <SublayIntegrationProvider projectId="..." signedToken={token}>
 *         <YourApp />
 *       </SublayIntegrationProvider>
 *     </Provider>
 *   );
 * }
 * ```
 */
export declare const SublayIntegrationProvider: React.FC<SublayIntegrationProviderProps>;
export default SublayIntegrationProvider;