From e69ca900b68f9bf6fc0950b681e907fc763b5525 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 08:23:39 +0000
Subject: [PATCH] Update
 src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx

---
 .../layouts/timelines/TimelineProcessFlow.tsx   | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx b/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
index 40bb621..f78d3f2 100644
--- a/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
+++ b/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
@@ -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>