'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;
