Update src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
This commit is contained in:
@@ -1,8 +1,15 @@
|
||||
import React, { useRef } from "react";
|
||||
import React from "react";
|
||||
import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
|
||||
|
||||
interface TimelineProcessFlowItem {
|
||||
id: string;
|
||||
reverse: boolean;
|
||||
media: React.ReactElement;
|
||||
content: React.ReactElement;
|
||||
}
|
||||
|
||||
interface TimelineProcessFlowProps {
|
||||
items?: any[];
|
||||
items?: TimelineProcessFlowItem[];
|
||||
}
|
||||
|
||||
export default function TimelineProcessFlow({ items = [] }: TimelineProcessFlowProps) {
|
||||
@@ -16,9 +23,9 @@ export default function TimelineProcessFlow({ items = [] }: TimelineProcessFlowP
|
||||
|
||||
return (
|
||||
<div className="timeline-process-flow">
|
||||
{items.map((item, index) => (
|
||||
<div key={index} className="timeline-item">
|
||||
{item.label}
|
||||
{items.map((item) => (
|
||||
<div key={item.id} className="timeline-item">
|
||||
{item.content}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user