import React from 'react';
import { StandardProps } from '../@types/common';

export interface IntroProps extends StandardProps {
  /** 是否显示 */
  enabled: boolean;
  /** 初始展示第几步的索引 */
  initialStep: number;
  /** 步骤 */
  steps: {
    /** nodeName: id, classname, tag */
    element: string;
    /** 提示文案 */
    intro: string;
  }[];
  /** 配置项 */
  options?: {
    /** 下一步按钮的显示名称 */
    nextLabel?: string;
    /** 上一步按钮的显示名称 */
    prevLabel?: string;
    /** 跳过按钮的显示名称 */
    skipLabel?: string;
    /** 结束按钮的显示名称 */
    doneLabel?: string;
    /** 引导说明框相对高亮说明区域的位置 */
    tooltipPosition?: string;
    /** 引导说明文本框的样式 */
    tooltipClass?: string;
    /** 说明高亮区域的样式 */
    highlightClass?: string;
    /** 是否使用键盘Esc退出 */
    exitOnEsc?: boolean;
    /** 是否允许点击空白处退出 */
    exitOnOverlayClick?: boolean;
    /** 是否显示说明的数据步骤 */
    showStepNumbers?: boolean;
    /** 是否允许键盘来操作 */
    keyboardNavigation?: boolean;
    /** 是否按键来操作 */
    showButtons?: boolean;
    /** 是否使用点点点显示进度 */
    showBullets?: boolean;
    /** 是否显示进度条 */
    showProgress?: boolean;
    /** 是否滑动到高亮的区域 */
    scrollToElement?: boolean;
    /** 遮罩层的透明度 */
    overlayOpacity?: number;
    /** 当位置选择自动的时候，位置排列的优先级 */
    positionPrecedence?: ('bottom' | 'top' | 'right' | 'left')[];
    /** 是否禁止与元素的相互关联 */
    disableInteraction?: boolean;
  };
  onExit?: () => void;
  onChange?: (element: any) => void;
  onComplete?: () => void;
}

declare const Intro: React.ComponentType<IntroProps>;

export default Intro;