import { type ReactNode } from 'react';
import { type Booleanish, type ChildrenProps, type ClickEvent, type StyleProps } from './shared';
export type CollapseElementType = 'div' | 'span' | 'article' | 'section' | 'main' | 'header' | 'footer';
export type CollapseResponsiveType = undefined | 'mobile' | 'tablet' | 'desktop';
export type CollapseRenderProps = {
    isOpen: boolean;
    onClick: (event: ClickEvent) => void;
    'aria-expanded': Booleanish;
    'aria-controls': string;
};
export interface BaseCollapseProps extends ChildrenProps, StyleProps {
    id: string;
}
export interface CollapseProps extends BaseCollapseProps {
    collapsibleToBreakpoint?: CollapseResponsiveType;
    elementType?: CollapseElementType;
    isOpen: boolean;
}
export interface TransitionCollapseProps {
    transitionDuration?: number;
}
export interface SpiritCollapseProps extends CollapseProps, TransitionCollapseProps {
}
export interface SpiritUncontrolledCollapseProps extends Omit<SpiritCollapseProps, 'isOpen'> {
    hideOnCollapse?: boolean;
    isDisposable?: boolean;
    isOpen?: boolean;
    renderTrigger?: (render: CollapseRenderProps) => ReactNode;
}