import { createTour, TourManager } from '@oppla-ai/tours';

// Create a tour
const tour = createTour({
  id: 'feature-tour',
  steps: [
    {
      type: 'tooltip',
      target: '#feature-button',
      content: 'Try our new feature!'
    }
  ]
});

// Initialize tour manager
const manager = new TourManager();

// Register tour
manager.register(tour);

// Start a tour
manager.start('feature-tour');

// Stop a tour
manager.stop('feature-tour');

// Pause a tour
manager.pause('feature-tour');

// Resume a tour
manager.resume('feature-tour');

manager.on('start', (tourId) => {
  console.log(`Tour ${tourId} started`);
});

manager.on('stop', (tourId) => {
  console.log(`Tour ${tourId} stopped`);
});

manager.on('step', (tourId, stepIndex) => {
  console.log(`Tour ${tourId} moved to step ${stepIndex}`);
});

// Check if tour is running
const isRunning = manager.isRunning('feature-tour');

// Get current step
const currentStep = manager.getCurrentStep('feature-tour');

// Get tour progress
const progress = manager.getProgress('feature-tour');

// Register multiple tours
manager.register(tour1);
manager.register(tour2);
manager.register(tour3);

// Start all tours
manager.startAll();

// Stop all tours
manager.stopAll();

// Get all registered tours
const tours = manager.getTours();