import * as React from 'react';
import { CSSModule } from '../index';

export interface CollapseProps extends React.HTMLProps<HTMLElement> {
  [key: string]: any;
  isOpen?: boolean;
  classNames?: string;
  cssModule?: CSSModule;
  tag?: React.ReactType;
  navbar?: boolean;
  delay?: {
    show: number
    hide: number
  };
  onOpened?: () => void;
  onClosed?: () => void;
  onEntering?: () => void;
  onEntered?: () => void;
  onExit?: () => void;
  onExiting?: () => void;
  onExited?: () => void;
}

export interface UncontrolledCollapseProps extends React.HTMLProps<HTMLElement> {
  [key: string]: any;
  isOpen?: boolean;
  className?: string;
  cssModule?: CSSModule;
  tag?: React.ReactType;
  navbar?: boolean;
  toggle?: () => void;
}

declare class Collapse<T = {[key: string]: any}> extends React.Component<CollapseProps> {}
export default Collapse;