import React, { CSSProperties } from 'react';
import { FlowindColor } from '../../styles';
import { TextProps } from '../text/text';
export interface HighlightProps extends TextProps {
    /** Substring or an array of substrings to highlight in children */
    highlight: string | string[];
    /** Color from theme that is used for highlighting */
    highlightColor?: FlowindColor;
    /** Styles applied to highlighted part */
    highlightStyles?: CSSProperties;
    /** Full string part of which will be highlighted */
    children: string;
}
export declare const _Highlight: React.ForwardRefExoticComponent<HighlightProps & React.RefAttributes<HTMLDivElement>>;
export declare const Highlight: (<C = "div">(props: import("../../utils/create-polymorphic-component").PolymorphicComponentProps<C, HighlightProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(HighlightProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
    ref?: any;
}) | (HighlightProps & {
    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
})>, never> & Record<string, never>;