import './Legend.css';
import React from 'react';
import { Icon, LegendItemMouseEventHandler, Size } from "../LegendItem";
import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
export declare const directions: readonly ["column", "row"];
export declare type Direction = typeof directions[number];
declare type CommonProps<ITEM> = {
    items: readonly ITEM[];
    getItemLabel: (item: ITEM) => string;
    getItemColor: (item: ITEM) => string;
    direction: Direction;
    icon?: Icon;
    renderLeftSide?: () => React.ReactNode;
    size: Size;
    title?: React.ReactNode;
    onItemMouseEnter?: LegendItemMouseEventHandler<ITEM>;
    onItemMouseLeave?: LegendItemMouseEventHandler<ITEM>;
    onItemClick?: LegendItemMouseEventHandler<ITEM>;
};
declare type Props<ITEM> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM>, HTMLDivElement>;
declare type Legend = <ITEM>(props: Props<ITEM>) => React.ReactElement | null;
export declare const Legend: Legend;
export {};