import React, { ImgHTMLAttributes, ReactElement } from 'react';
import { LayoutProps } from '../../layouts/Layout';
import { FormikContextType } from 'formik';
import { IconName } from '@harnessio/icons';
import { ThumbnailProps } from '../Thumbnail/Thumbnail';
import { PopoverProps } from 'components/Popover/Popover';
export interface Item {
    label: string | React.ReactElement;
    icon?: IconName | React.ReactElement;
    imageProps?: ImgHTMLAttributes<HTMLOrSVGImageElement>;
    value: string;
    disabled?: boolean;
    tooltip?: ReactElement | string;
    tooltipProps?: PopoverProps;
}
export interface ConnectedThumbnailSelectProps extends ThumbnailSelectProps {
    formik: FormikContextType<Record<string, never>>;
}
export interface ThumbnailSelectProps extends Pick<ThumbnailProps, 'size' | 'cornerSelected'> {
    name: string;
    items: Item[];
    isReadonly?: boolean;
    layoutProps?: Partial<LayoutProps>;
    changeText?: string;
    cancelText?: string;
    className?: string;
    thumbnailClassName?: string;
    onChange?(val: string): void;
    expandAllByDefault?: boolean;
    staticItems?: boolean;
}
declare const _default: React.ComponentType<ThumbnailSelectProps>;
export default _default;