import * as React from 'react';
import { ThemeTypography } from '../../theme';
export declare const DEFAULT_DATA_TEST_ID = "chip-container";
export declare const TOOLTIP_DATA_TEST_ID = "chip-container-tooltip";
export declare const COUNTER_LABEL_DATA_TEST_ID = "chip-counter-label";
export declare const PLACEHOLDER_DATA_TEST_ID = "chip-container-placeholder";
type ChipContainerProps = {
    containerRef: React.MutableRefObject<HTMLDivElement | null>;
    visibleChips: string[];
    hiddenChips: string[];
    gap: string;
    height: string;
    typographyVariant?: ThemeTypography.TypographyVariant;
    reserveHeight?: boolean;
    placeholder?: string;
    clickable?: boolean;
    preventHiddenChipsTooltip?: boolean;
    isDeletable?: boolean;
    dataTestId?: string;
    renderChip: (data: {
        chipName: string;
        index?: number;
        maxWidth?: string;
        isCounterLabel?: boolean;
    }) => React.ReactNode;
    getWarningTooltip?: (chipName: string) => string;
};
declare const ChipContainer: ({ containerRef, gap, visibleChips, hiddenChips, placeholder, isDeletable, height, typographyVariant, reserveHeight, clickable, preventHiddenChipsTooltip, dataTestId, renderChip, getWarningTooltip }: ChipContainerProps) => import("react/jsx-runtime").JSX.Element;
export default ChipContainer;
