import * as React from 'react';
import { ColumnsType } from 'antd/es/table';
import { PaginationConfig } from '@jy-fe/utils/es/joyowoUmi';
import { StandardProps } from '../@types/common';

export interface XuiDetailInformationInfoType {
  /** 标题 */
  label: string;
  /** 内容 */
  content: string | string[] | JSX.Element;
  /** 提示框内容 */
  tooltipContent?: string | JSX.Element;
  type?: 'text' | 'pictures';
  noEllipsis?: boolean;
  hasLineBreak?: boolean;
}

export interface XuiDetailInformationProps extends StandardProps {
  title?: string;
  /** info模式下生效 */
  loading?: boolean;
  /** 标题右侧按钮区域 */
  buttonGroup?: JSX.Element | JSX.Element[] | null;
  /** 额外区域 */
  extra?: JSX.Element | JSX.Element[];
  /** 内容型式 */
  type?: 'info' | 'table' | 'picture' | 'list' | 'listTable' | 'listCollapse';
  /** 基本信息展示 info模式 */
  /** 每行栅格数 */
  grid?: 1 | 2 | 3 | 4;
  info?: XuiDetailInformationInfoType[];
  /** 表格数据唯一标识符 table模式 */
  rowKey?: string;
  /** 表格列 table 模式 listTable 模式 */
  columns?: ColumnsType<Record<string, unknown>>;
  /** 表格数据 table 模式 */
  dataSource?: { [key: string]: any }[];
  /** 表格分页器配置 table 模式 */
  paginationConfig?: PaginationConfig;
  /** 列数据 list 模式 listTable 模式 */
  list?: { [key: string]: any }[] | { [key: string]: any }[][];
  /** 下边框 */
  border?: boolean;
  /** 尾部展示信息  */
  footerInfo?: {
    label: string;
    content: string;
  }[];
  /** listCollapse数据 */
  listCollapseData?: { [key: string]: any }[];
}

declare const XuiDetailInformation: React.ComponentType<XuiDetailInformationProps>;

export default XuiDetailInformation;