/**
 * UI Types
 *
 * Types for UI components - colors, styles, and visual elements.
 */

/**
 * Color keys for general UI elements
 */
export type ColorKey =
  | 'white'
  | 'light'
  | 'contrast'
  | 'success'
  | 'danger'
  | 'warning'
  | 'info';

/**
 * Color keys for buttons
 */
export type ColorButtonKey =
  | 'white'
  | 'whiteDark'
  | 'lightDark'
  | 'contrast'
  | 'success'
  | 'danger'
  | 'warning'
  | 'info'
  | 'void';

/**
 * Background gradient keys
 */
export type BgKey = 'purplePink' | 'pinkRed' | 'violet';

/**
 * Style keys for theming
 */
export type StyleKey = 'white' | 'basic';

/**
 * Intro.js step configuration
 */
export interface IntroStep {
  element: string;
  intro: string;
  position?: string;
  tooltipClass?: string;
  highlightClass?: string;
  disableInteraction?: boolean;
}

/**
 * Intro.js hint configuration
 */
export interface IntroHint {
  element: string;
  hint: string;
  hintPosition?: string;
}
