import React from 'react';
import { HTMLDivProps } from '@blueprintjs/core';
import { FormikContextType } from 'formik';
import { LayoutProps } from '../../layouts/Layout';
export declare enum CollapsableSelectType {
    CardView = "CardView"
}
export interface CollapsableSelectOptions {
    value: string | number | symbol;
}
export interface CollapsableSelectProps<T> extends Omit<HTMLDivProps, 'onChange'> {
    selected: (CollapsableSelectOptions & T) | undefined;
    items: Array<CollapsableSelectOptions & T>;
    itemClassName?: string;
    renderItem: (item: T, selected?: CollapsableSelectOptions & T) => JSX.Element;
    onChange?: (selected: CollapsableSelectOptions & T, e: React.MouseEvent<HTMLDivElement>) => void;
    layoutProps?: Partial<LayoutProps>;
    name: string;
    isReadonly?: boolean;
    changeText?: string;
    cancelText?: string;
    type?: CollapsableSelectType;
    actionBtnClassName?: string;
}
export interface ConnectedCollapsableSelectProps<T> extends CollapsableSelectProps<T> {
    formik: FormikContextType<Record<string, unknown>>;
}
export declare function CollapsableSelect<T>(props: ConnectedCollapsableSelectProps<T>): JSX.Element;
export declare const FormikCollapsableSelect: <T>(props: CollapsableSelectProps<T>) => React.ReactElement<CollapsableSelectProps<T>, string | React.JSXElementConstructor<any>>;