/// <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;

  /**
   * 是否展开
   */
  expanded: boolean;

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

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

  /**
   * 标题是否多行显示
   */
  multiTitle: boolean;

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

export class Panel extends React.Component<PanelProps, any> {}
interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  onChange?: any;
}

export interface AccordionProps extends HTMLAttributesWeak {
  /**
   * 样式前缀
   */
  prefix?: string;

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

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

  /**
   * 如果这个属性为true, 在single为true时, 组件可以收起全部子元素
   */
  singleShrink?: boolean;

  /**
   * 是否只能展开1个
   */
  single?: boolean;

  /**
   * 接收一个回调函数传递改变状态, 在使用dataSource时改回调需要产生改变组件才能生效
   */
  onChange?: () => void;

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

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