import React from 'react'; import type { ReactNode, HTMLAttributes } from 'react'; import './Collapse.css'; export declare const cnCollapse: import("@bem-react/classname").ClassNameFormatter; export type CollapseProps = { /** Содержимое */ children: ReactNode; /** Если {true} раскрыт */ expanded?: boolean; /** Если {true} размонтирует контент при закрытии */ unmountOnClosed?: boolean; /** * Время анимации * * @default 120 * */ timeout?: number; /** * Размер в полностью закрытом состоянии * При передаче числа размерность будет в пикселях * Например: '10px', 0, '1vh'. * * @default 0 */ collapsedSize?: number | string; /** Дополнительные CSS-классы */ className?: string; /** Анимирует состояние expanded при первом рендере */ appear?: boolean; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние представлен */ onEnter?: (node: HTMLElement, isAppeared: boolean) => void; /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */ onEntering?: (node: HTMLElement, isAppeared: boolean) => void; /** Функция обратного вызова которая будет вызвана после завершения * перехода компонента в состояние представлен */ onEntered?: (node: HTMLElement, isAppeared: boolean) => void; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние не представлен */ onExit?: (node: HTMLElement) => void; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние не представлен */ onExiting?: (node: HTMLElement) => void; /** Функция обратного вызова которая будет вызвана после onExit и до onExited */ onExited?: (node: HTMLElement) => void; } & Omit, 'aria-expanded'>; export declare const Collapse: React.ForwardRefExoticComponent<{ /** Содержимое */ children: ReactNode; /** Если {true} раскрыт */ expanded?: boolean | undefined; /** Если {true} размонтирует контент при закрытии */ unmountOnClosed?: boolean | undefined; /** * Время анимации * * @default 120 * */ timeout?: number | undefined; /** * Размер в полностью закрытом состоянии * При передаче числа размерность будет в пикселях * Например: '10px', 0, '1vh'. * * @default 0 */ collapsedSize?: string | number | undefined; /** Дополнительные CSS-классы */ className?: string | undefined; /** Анимирует состояние expanded при первом рендере */ appear?: boolean | undefined; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние представлен */ onEnter?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined; /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */ onEntering?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined; /** Функция обратного вызова которая будет вызвана после завершения * перехода компонента в состояние представлен */ onEntered?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние не представлен */ onExit?: ((node: HTMLElement) => void) | undefined; /** Функция обратного вызова которая будет вызвана до начала * перехода компонента в состояние не представлен */ onExiting?: ((node: HTMLElement) => void) | undefined; /** Функция обратного вызова которая будет вызвана после onExit и до onExited */ onExited?: ((node: HTMLElement) => void) | undefined; } & Omit, "aria-expanded"> & React.RefAttributes>;