import { VNode } from 'vue';
import { ElementUIComponent } from './component';

export type StepStatus = 'wait' | 'process' | 'finish' | 'error' | 'success';

export interface StepRenderSlots {
  /** Custom icon */
  icon: VNode[];

  /** Step title */
  title: VNode[];

  /** Step description */
  description: VNode[];

  [key: string]: VNode[];
}

/** Step Component */
export declare class ElStep extends ElementUIComponent {
  /** Step title */
  title: string;

  /** Step description */
  description: string;

  /** Step icon */
  icon: string;

  /** Current status. It will be automatically set by Steps if not configured. */
  status: StepStatus;

  readonly $slots: StepRenderSlots;
}