import { FC, CSSProperties } from 'react';
import { HighlightRanges } from '../vanilla/types.mjs';

type Style = CSSProperties;
type HighlightProps = {
    text: string;
    ranges: HighlightRanges | null;
    style?: Style;
    className?: string;
};
declare const fullSelection: HighlightRanges;
interface HighlightExport extends FC<HighlightProps> {
    FullSelection: typeof fullSelection;
}
/**
 * A React component that highlights text based on the provided props.
 *
 * This component is memoized for performance optimization and includes an additional
 * static property `FullSelection` for handling full text selection functionality.
 *
 * @component
 * @template HighlightProps - The props type for the `TextHighlighter` component.
 *
 * @property {FC<HighlightProps>} Highlight - The main text highlighter component.
 * @property {typeof fullSelection} FullSelection - A static property for full text selection.
 *
 * @example
 * ```tsx
 * import { Highlight } from './Highlight';
 *
 * const App = () => (
 *   <Highlight text="Hello, World!" ranges={[[0, 4]]} />
 * );
 * ```
 */
declare const Highlight: HighlightExport;
declare function createHighlightComponent(customStyle: Style, customClassName: string): HighlightExport;

export { Highlight, createHighlightComponent };