/**
 * Example usage of MainComp with various scene types
 * 
 * This demonstrates how to create a video composition using:
 * - Kinetic scenes (text animations)
 * - Screenshot scenes (images with Ken Burns effect)
 * - Caption scenes (text overlays)
 */

import { Scene } from './types/Scene';

/**
 * Example 1: Simple marketing video
 */
export const marketingVideoScenes: Scene[] = [
  {
    id: 'title',
    type: 'kinetic',
    text: 'Introducing Our Product',
    duration: 3,
    fontSize: 72,
    color: '#ffffff',
    backgroundColor: '#1a1a2e',
  },
  {
    id: 'feature-image',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Feature+Screenshot',
    duration: 5,
    alt: 'Product Feature',
  },
  {
    id: 'feature-caption',
    type: 'caption',
    text: 'Stunning Ken Burns Pan & Zoom Effect',
    duration: 5,
    fontSize: 48,
    color: '#00ff00',
    backgroundColor: 'rgba(0, 0, 0, 0.8)',
    position: 'bottom',
  },
  {
    id: 'benefits',
    type: 'kinetic',
    text: '✓ Fast\n✓ Reliable\n✓ Beautiful',
    duration: 4,
    fontSize: 56,
    color: '#ffffff',
    backgroundColor: '#0f3460',
  },
  {
    id: 'outro',
    type: 'kinetic',
    text: 'Get Started Today',
    duration: 2,
    fontSize: 64,
    color: '#ffd700',
    backgroundColor: '#000000',
  },
];

/**
 * Example 2: Multi-image slideshow with captions
 */
export const slideshowScenes: Scene[] = [
  {
    id: 'slide-1',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Slide+1',
    duration: 4,
    alt: 'Slide 1',
  },
  {
    id: 'slide-1-caption',
    type: 'caption',
    text: 'First amazing moment',
    duration: 4,
    fontSize: 44,
    color: '#ffffff',
    position: 'bottom',
  },
  {
    id: 'slide-2',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Slide+2',
    duration: 4,
    alt: 'Slide 2',
  },
  {
    id: 'slide-2-caption',
    type: 'caption',
    text: 'Second beautiful moment',
    duration: 4,
    fontSize: 44,
    color: '#ffffff',
    position: 'bottom',
  },
  {
    id: 'slide-3',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Slide+3',
    duration: 4,
    alt: 'Slide 3',
  },
];

/**
 * Example 3: Mixed content video (for podcast/narrative video)
 */
export const narrativeVideoScenes: Scene[] = [
  {
    id: 'chapter-1-title',
    type: 'kinetic',
    text: 'Chapter 1: The Beginning',
    duration: 2,
    fontSize: 68,
    color: '#ffffff',
    backgroundColor: '#2c3e50',
  },
  {
    id: 'chapter-1-image',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Chapter+1',
    duration: 6,
    alt: 'Chapter 1 Illustration',
  },
  {
    id: 'chapter-2-title',
    type: 'kinetic',
    text: 'Chapter 2: Rising Action',
    duration: 2,
    fontSize: 68,
    color: '#ffffff',
    backgroundColor: '#34495e',
  },
  {
    id: 'chapter-2-image',
    type: 'screenshot',
    imagePath: 'https://via.placeholder.com/1920x1080?text=Chapter+2',
    duration: 6,
    alt: 'Chapter 2 Illustration',
  },
  {
    id: 'conclusion',
    type: 'kinetic',
    text: 'Thank you for watching',
    duration: 2,
    fontSize: 64,
    color: '#ffffff',
    backgroundColor: '#1a1a1a',
  },
];