import * as React from 'react';
import { CustomRender, CustomEventHandler } from '../../commonTypes';
import { COMPONENTS_NAMESPACES } from '../../constants';
import { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
export interface SelectEvent {
    component: {
        value: string | string[] | null;
    };
}
export interface BodyClickCustomEvent {
    component: {
        value: string;
    };
}
export interface CollapseProps {
    /** Признак активной панели. Сюда передается значение panelKey активной панели. Когда панель(панели) закрыта, значение равно null */
    activePanelKey?: string | string[] | null;
    /** Дочерние элементы */
    children: React.ReactNode;
    /** Признак возможности открытия нескольких панелей для неконтролируемого режима */
    isAccordion?: boolean;
    /** Обработчик клика на панель */
    onSelect?: CustomEventHandler<SelectEvent>;
    /** Тема */
    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.collapse];
}
export interface HeadingProps {
    /** Классы переданные через _ */
    [x: string]: unknown;
    /** Дочерние элементы */
    children: React.ReactNode;
    /** Иконка возле заголовка */
    iconRender?: CustomRender<HeadingProps, {}, IconProps>;
    /** Обработчик клика */
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    /** Реф */
    ref?: React.Ref<HeadingRefCurrent>;
    /** Компонент-обертка в который будет помещен Collapse.Heading. Передавать в виде <Wrapper props />. По умолчанию - <Div /> */
    wrapperRender?: CustomRender<HeadingProps, {}, HeadingWrapperProps>;
}
export interface BodyProps {
    /** Классы переданные через _ */
    [x: string]: unknown;
    /** Дочерние элементы */
    children?: React.ReactNode;
    /** Состояние загрузки данных */
    isLoading?: boolean;
    /** Функция обратного вызова на закрытие коллапса */
    onClose?: CustomEventHandler<BodyClickCustomEvent>;
    /** Функция обратного вызова на закрытие коллапса по клику */
    onCloseByClick?: CustomEventHandler<BodyClickCustomEvent>;
    /** Функция обратного вызова на открытие коллапса */
    onOpen?: CustomEventHandler<BodyClickCustomEvent>;
    /** Реф */
    ref?: React.Ref<BodyRefCurrent>;
    /** Описание открытия/закрытия коллапса. Описывается как CSS Transition. См. https://developer.mozilla.org/ru/docs/Web/CSS/transition. По умолчанию height 250ms cubic-bezier(.4, 0, .2, 1) */
    transition?: string;
    /** Компонент-обертка в который будет помещен Collapse.Body. Передавать в виде <Wrapper props />. По умолчанию - <Div /> */
    wrapperRender?: CustomRender<BodyProps, {}, BodyWrapperProps>;
}
export interface PanelProps {
    /** Классы переданные через _ */
    [x: string]: unknown;
    /** Дочерние элементы */
    children: React.ReactNode;
    /** Отключение панели */
    isDisabled?: boolean;
    /** Имя панели */
    name?: string;
    /** Идентификатор события панели, данное значение передается в activeKey компонента Collapse */
    panelKey: string;
    /** Компонент-обертка для панели, например Div. Передавать в виде <Wrapper props /> */
    wrapperRender?: CustomRender<PanelProps, {
        isClicked: boolean;
    }, PanelWrapperProps>;
}
export interface CollapseContextType {
    activePanelKey: string | string[] | null;
    onSelect: SelectHandler;
    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.collapse];
}
export interface CollapsePanelContextType extends CollapseContextType {
    isClicked: boolean;
    isDisabled?: boolean;
    isExpanded: boolean;
    name?: string;
    onBodyRest: CollapsePanelHandlers['onBodyRest'];
    onHeadingClick: CollapsePanelHandlers['onHeadingClick'];
    panelKey: string;
}
export interface HeadingWrapperProps {
    children?: React.ReactNode;
    className?: string;
    onClick: React.MouseEventHandler;
}
export interface IconProps {
    className?: string;
    isExpanded: boolean;
}
export interface BodyWrapperProps {
    children?: React.ReactNode;
    className?: string;
}
export interface PanelWrapperProps {
    children?: React.ReactNode;
    className?: string;
}
export declare type KeyState = string | string[] | null;
export interface SelectHandler {
    (ev: BodyClickCustomEvent): void;
}
export declare type SetClicked = React.Dispatch<React.SetStateAction<boolean>>;
export interface CollapsePanelHandlers {
    onBodyRest: () => void;
    onHeadingClick: () => void;
}
export declare type CollapseComponent = React.FC<CollapseProps> & {
    Body: React.FC<BodyProps>;
    Heading: React.FC<HeadingProps>;
    Panel: React.FC<PanelProps>;
};
export interface BodyRefCurrent {
    wrapper: HTMLElement | null;
}
export interface HeadingRefCurrent {
    wrapper: HTMLElement | null;
}