npm install @oppla-ai/tours

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

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

// Configure global settings
manager.configure({
  debug: false,
  defaultOptions: {
    showProgress: true,
    showControls: true
  }
});

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

// Register tour
manager.register(tour);

// Configure global styles
manager.configure({
  styles: {
    tooltip: {
      backgroundColor: '#ffffff',
      color: '#000000',
      borderRadius: '4px',
      padding: '12px'
    },
    modal: {
      backgroundColor: '#ffffff',
      color: '#000000',
      borderRadius: '8px',
      padding: '24px'
    }
  }
});

// Configure custom controls
manager.configure({
  controls: {
    showPrevious: true,
    showNext: true,
    showClose: true,
    showProgress: true,
    customButtons: [
      {
        text: 'Skip',
        onClick: (tour) => tour.stop()
      }
    ]
  }
});