import { RichContentConfig, RichContentService } from '@codella-software/utils/rich-content';
import { ReactNode } from 'react';
/**
 * Context value provided by RichContentProvider
 */
export interface RichContentContextValue {
    /** Service instance */
    service: RichContentService;
}
/**
 * Props for RichContentProvider
 */
export interface RichContentProviderProps {
    /** Service configuration */
    config?: RichContentConfig;
    /** Child components */
    children: ReactNode;
}
/**
 * Provider component that creates and shares RichContentService instance
 *
 * @example
 * ```tsx
 * <RichContentProvider config={{ placeholder: 'Type here...' }}>
 *   <RichContentToolbar />
 *   <RichContentEditor />
 * </RichContentProvider>
 * ```
 */
export declare function RichContentProvider({ config, children }: RichContentProviderProps): import("react/jsx-runtime").JSX.Element;
/**
 * Hook to access RichContentService from context
 *
 * @throws Error if used outside RichContentProvider
 *
 * @example
 * ```tsx
 * function MyToolbar() {
 *   const { service } = useRichContentContext();
 *   const [state, setState] = useState(service.getState());
 *
 *   useEffect(() => {
 *     const sub = service.getState$().subscribe(setState);
 *     return () => sub.unsubscribe();
 *   }, [service]);
 *
 *   return <button onClick={() => service.toggleMark('bold')}>Bold</button>;
 * }
 * ```
 */
export declare function useRichContentContext(): RichContentContextValue;
//# sourceMappingURL=RichContentProvider.d.ts.map