/**
 * title: "显示时间或补充描述"
 * description: ""
 */
import React from 'react';
import { Timeline } from '@alicloud/console-components';

const { Item: TimelineItem } = Timeline;

const dataSource = [
  {
    id: 1,
    title: '2024-08-08',
    state: 'process',
    content: '时间信息或者补充描述',
  },
  {
    id: 2,
    title: '2024-08-08',
    state: 'done',
    content: '时间信息或者补充描述',
  },
  {
    id: 3,
    title: '2024-08-08',
    state: 'done',
    content: '时间信息或者补充描述',
  },
  {
    id: 4,
    title: '2024-08-08',
    state: 'done',
    content: '时间信息或者补充描述',
  },
  {
    id: 5,
    title: '2024-08-08',
    state: 'done',
    content: '时间信息或者补充描述',
  },
] as const;

export default () => {
  return (
    <div>
      <Timeline>
        {
          dataSource.map((item) => {
            const { id, ...restProps } = item;

            return (
              <TimelineItem
                key={id}
                {...restProps}
              />
            );
          })
        }
      </Timeline>
    </div>
  );
};


