import RcCollapse from 'rc-collapse';
import * as React from 'react';

export interface CollapseProps {
  activeKey?: Array<string> | string;
  /** 初始化选中面板的key */
  defaultActiveKey?: Array<string>;
  /** accordion 为 true 的时候，一次只可以打开一个面板 */
  accordion?: boolean;
  /** 切换面板的回调 */
  onChange?: (key: string) => void;
  style?: React.CSSProperties;
}

export interface CollapsePanelProps {
  /** 对应 activeKey */
  key: string;
  /** 面板头内容 */
  header: React.ReactNode;
  style?: React.CSSProperties;
}

export class CollapsePanel extends React.Component<CollapsePanelProps, {}> {

}

export default class Collapse extends React.Component<CollapseProps, any> {
  static Panel: typeof CollapsePanel = RcCollapse.Panel;

  static defaultProps = {
    prefixCls: 'ant-collapse',
  };

  render() {
    return <RcCollapse {...this.props} />;
  }
}