import { type CSSProperties, type ElementType, type HTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
declare const textHighlightBoxColors: {
    readonly purple: {
        readonly background: "#d1bed580";
        readonly border: "#8f679b";
    };
    readonly gold: {
        readonly background: "#ece69c80";
        readonly border: "#c5a329";
    };
    readonly blue: {
        readonly background: "#c8ddff80";
        readonly border: "#5f7fb8";
    };
    readonly green: {
        readonly background: "#c8e7ce80";
        readonly border: "#5d936b";
    };
    readonly pink: {
        readonly background: "#ffd2e180";
        readonly border: "#c06a8a";
    };
};
type TextHighlightBoxColor = keyof typeof textHighlightBoxColors;
type TextHighlightBoxProps = Omit<HTMLAttributes<HTMLElement>, 'color'> & {
    children: ReactNode;
    as?: ElementType;
    color?: TextHighlightBoxColor;
    borderColor?: string;
    backgroundColor?: string;
    dotColor?: string;
    dotSize?: CssLength;
    fontFamily?: CSSProperties['fontFamily'];
    nowrap?: boolean;
    paddingInline?: CssLength;
};
declare const TextHighlightBox: ({ children, as: Component, color, borderColor, backgroundColor, dotColor, dotSize, fontFamily, nowrap, paddingInline, className, style, ...props }: TextHighlightBoxProps) => import("react/jsx-runtime").JSX.Element;
export { TextHighlightBox };
export type { TextHighlightBoxColor, TextHighlightBoxProps };