import { MouseEvent } from "react";
import { ArrayList, HightlightType } from "./types";
/**
 *
 * @param {Array} arr list of items with { label, value } properties
 * @param {String} value finding value
 */
export declare const findFromArrayList: (arr: ArrayList, value: string) => {
    label: string | number;
    value: string | number;
}[];
export declare const onCollaborationToggle: (e: MouseEvent<HTMLDivElement>) => void;
export declare function extractTextFromHtml(html: string): string | null;
export declare function getNamedImageUrl(text: string, size?: number): string;
export declare const getHighlightClass: (highlightType: HightlightType | null | undefined) => "" | "colorful_highlight" | "lightsweep_highlight" | "bordersweep_highlight" | "custom_highlight";
export declare function hexToRgb(hex: string): number[] | null;
export declare function getContrast(hex1: string, hex2: string): number;
export declare const getLightenColor: (color: string, amount: number) => string;
export declare const checkBlackAndWhite: (color: string) => "#ffffff" | "#000000";
export declare const getTextOverflowCss: (lines: number, lineHeight: string) => import("styled-components").FlattenSimpleInterpolation;