import React from 'react';
import { Timeline } from 'antd';

const AntdTimeline = () => (
  <Timeline>
    <Timeline.Item>Event 1: Start of the project - 2024-01-01</Timeline.Item>
    <Timeline.Item color='green'>
      Event 2: Initial Design - 2024-02-01
      <div style={{ marginTop: '10px' }}>
        <video width="320" height="240" controls>
          <source src="https://videos.pexels.com/video-files/3195394/3195394-sd_640_360_25fps.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>
      </div>
    </Timeline.Item>
    <Timeline.Item>
      Event 3: Development Phase - 2024-03-01
      <div style={{ marginTop: '10px' }}>
        <embed src="https://pdfobject.com/pdf/sample.pdf" style={{width: '100%'}} height="375" type="application/pdf" />
      </div>
    </Timeline.Item>
    <Timeline.Item>Event 4: Testing - 2024-04-01</Timeline.Item>
    <Timeline.Item>Event 5: Launch - 2024-05-01</Timeline.Item>
  </Timeline>
);

export default AntdTimeline;
