Files
bd539cad-e5a1-45ab-8774-c07…/src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx

30 lines
685 B
TypeScript

'use client';
import React from 'react';
import {
ButtonConfig,
ButtonAnimationType,
TitleSegment,
TextboxLayout,
InvertedBackground,
} from '@/components/cardStack/types';
interface TimelineHorizontalCardStackProps {
items: any[];
className?: string;
}
const TimelineHorizontalCardStack: React.FC<TimelineHorizontalCardStackProps> = ({ items, className = '' }) => {
return (
<div className={`timeline-horizontal-card-stack ${className}`}>
{items.map((item, index) => (
<div key={item.id || index} className="timeline-horizontal-card">
{item.title}
</div>
))}
</div>
);
};
export default TimelineHorizontalCardStack;