import React from 'react';
import type BlockRenderer from '../types/BlockRenderer';
import { InlineBlock } from '../lib/helpers/inlineBlocks/renderInlineBlocks';
export type TextProperties = {
    text: string;
    style?: InlineBlock[];
};
/**
 * Create a styled text block renderer
 * @param style The style to apply to the text
 * @param className The class name to apply to the text
 * @returns The styled text block renderer
 *
 * @example
 * ```tsx
 * import React from 'react';
 * import ReactDOM from 'react-dom';
 *
 * import { Editor } from '@note-rack/editor';
 * import { createStyledTextRenderer } from '@note-rack/editor';
 *
 * const redTextRenderer = createStyledTextRenderer({
 *   color: 'red',
 * });
 *
 * const RedTextExample: React.FC = () => (
 *   <Editor
 *     startingBlocks={[
 *       {
 *         id: 'example-block',
 *         type: 'red-text',
 *         properties: {
 *           text: 'Red text',
 *         }
 *       },
 *     ]}
 *     renderers={{
 *       'red-text': redTextRenderer,
 *     }}
 *   />
 * );
 *
 * ReactDOM.render(
 *   <RedTextExample />,
 *   document.getElementById('root')
 * );
 * ```
 */
declare const createStyledTextRenderer: (style?: React.CSSProperties, className?: string) => BlockRenderer<TextProperties>;
export default createStyledTextRenderer;
//# sourceMappingURL=createStyledTextRenderer.d.ts.map