npm install @oppla-ai/tours
# or
yarn add @oppla-ai/tours

import { initTours } from '@oppla-ai/tours';

// Initialize tours
initTours({
  projectId: 'YOUR_PROJECT_ID',
  apiKey: 'YOUR_API_KEY'
});

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

// Create a tour
const tour = createTour({
  id: 'welcome-tour',
  name: 'Welcome Tour',
  steps: [
    {
      type: 'tooltip',
      target: '#signup-button',
      content: 'Click here to create your account'
    },
    {
      type: 'modal',
      content: 'Welcome to our platform! Let us show you around.'
    }
  ]
});

// Start the tour
tour.start();

{
  type: 'tooltip',
  target: '#feature-button',
  content: 'This feature helps you...',
  placement: 'right'
}

{
  type: 'modal',
  content: 'Welcome to our new feature!',
  title: 'New Feature',
  buttons: [
    {
      text: 'Got it',
      action: 'next'
    }
  ]
}

{
  type: 'banner',
  content: 'New features available!',
  style: 'info',
  duration: 5000
}

{
  type: 'wait',
  target: '#complete-profile',
  event: 'click',
  timeout: 30000
}

{
  type: 'fork',
  conditions: [
    {
      type: 'user-property',
      property: 'plan',
      value: 'premium',
      next: 'premium-features'
    },
    {
      type: 'user-property',
      property: 'plan',
      value: 'free',
      next: 'upgrade-prompt'
    }
  ]
}