/// <reference types="react" />

import * as React from "react";

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  title?: any;
}

export interface PanelProps extends HTMLAttributesWeak {
  /**
   * 样式类名的品牌前缀
   */
  prefix?: string;

  /**
   * 子组件接受行内样式
   */
  style?: React.CSSProperties;

  /**
   * 是否禁止用户操作
   */
  disabled?: boolean;

  /**
   * 标题
   */
  title?: React.ReactNode;

  /**
   * 扩展class
   */
  className?: string;
}

export class Panel extends React.Component<PanelProps, any> {}
export interface CollapseProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 组件接受行内样式
   */
  style?: React.CSSProperties;

  /**
   * 使用数据模型构建
   */
  dataSource?: Array<any>;

  /**
   * 默认展开keys
   */
  defaultExpandedKeys?: Array<any>;

  /**
   * 受控展开keys
   */
  expandedKeys?: Array<any>;

  /**
   * 展开状态发升变化时候的回调
   */
  onExpand?: () => void;

  /**
   * 所有禁用
   */
  disabled?: boolean;

  /**
   * 扩展class
   */
  className?: string;

  /**
   * 手风琴模式，一次只能打开一个
   */
  accordion?: boolean;
}

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