const sampleTimelineElements = [
    {
        id: '1',
        type: 'video',
        source_webm: 'https://cdn.memefa.st/g1/webm/they-not-like-us-oiia-cat-version.webm',
        source_mov: 'https://cdn.memefa.st/g1/mov/they-not-like-us-oiia-cat-version.mov',
        poster: 'https://cdn.memefa.st/g1/webp/they-not-like-us-oiia-cat-version.webp',
        name: 'They not like us cat',
        startTime: 0,
        layer: 0,
        inPoint: 0,
        duration: 5,
        x: 50,
        y: 50,
        width: 300,
        height: 200,
        rotation: 0,
    },
    {
        id: '2',
        type: 'video',
        source_webm: 'https://cdn.memefa.st/g1/webm/sad-cat.webm',
        source_mov: 'https://cdn.memefa.st/g1/mov/sad-cat.mov',
        poster: 'https://cdn.memefa.st/g1/webp/sad-cat.webp',
        name: 'Sad cat meme',
        startTime: 6,
        layer: 0,
        inPoint: 2,
        duration: 4,
        x: 100,
        y: 100,
        width: 250,
        height: 150,
        rotation: 0,
    },
    {
        id: '3',
        type: 'video',
        source_webm: 'https://cdn.memefa.st/g1/webm/este-cat-dance.webm',
        source_mov: 'https://cdn.memefa.st/g1/mov/este-cat-dance.mov',
        poster: 'https://cdn.memefa.st/g1/webp/este-cat-dance.webp',
        name: 'Este cat dance',
        startTime: 2,
        layer: 1,
        inPoint: 1,
        duration: 6,
        x: 200,
        y: 200,
        width: 280,
        height: 180,
        rotation: 0,
    },
    {
        id: '4',
        type: 'text',
        text: 'Welcome to the Timeline!',
        startTime: 0,
        layer: 2,
        duration: 4,
        x: 360, // Center horizontally (720/2)
        y: 180,
        fontSize: 40,
        fontWeight: 'bold',
        fontFamily: 'Montserrat',
        fontStyle: 'normal',
        fill: '#ffffff',
        stroke: '#000000',
        strokeWidth: 3,
        rotation: 0,
        // Add text width properties for consistent rendering
        fixedWidth: 576, // 80% of 720px canvas width
        offsetX: 288, // Half of fixedWidth for center alignment
    },
    {
        id: '5',
        type: 'text',
        text: 'Multiple videos playing!',
        startTime: 3,
        layer: 3,
        duration: 4,
        x: 360, // Center horizontally (720/2)
        y: 650,
        fontSize: 20,
        fontWeight: 'bold',
        fontFamily: 'Montserrat',
        fontStyle: 'normal',
        fill: '#ffff00',
        stroke: '#ff0000',
        strokeWidth: 2,
        rotation: 0,
        // Add text width properties for consistent rendering
        fixedWidth: 576, // 80% of 720px canvas width
        offsetX: 288, // Half of fixedWidth for center alignment
    },
    {
        id: '6',
        type: 'image',
        source: 'https://cdn.memefa.st/g1/webp/este-cat-dance.webp',
        name: 'Este cat dance',
        startTime: 0,
        layer: 5,
        inPoint: 1,
        duration: 6,
        x: 200,
        y: 200,
        width: 280,
        height: 180,
        rotation: 0,
    },
];

export default sampleTimelineElements;
