+ {/* Header Section */}
+
+
+
+
+
+
+
{event.name}
+
+ {formatTime(event.startTime)} - {formatTime(event.endTime)}
+
+
+
+
+
+
+
+
+ {/* Progress Bar */}
+
+
+ {/* Progress Text */}
+
+ {completedCount} out of {totalSteps} tasks completed
+
+
+ {/* Checklist */}
+
+ {event.steps.map((step, index) => (
+
handleStepToggle(index)}
+ >
+
+ {completedSteps[index] && โ}
+
+
{step}
+
+ ))}
+
+
+ {/* Mark as Done Button */}
+
+
+ );
+};
+
+export default EventCardSteps;
\ No newline at end of file