import React from "react";
import { TimelineBase } from "./layouts/timelines/TimelineBase";

interface CardStackProps {
  items: any[];
  className?: string;
}

export { CardStack };

const CardStack: React.FC<CardStackProps> = ({ items, className = "" }) => {
  return (
    <div className={`card-stack-container ${className}`}>
      <TimelineBase
        items={items.map((item) => ({
          id: item.id,
          label: item.label,
          detail: item.detail,
        }))}
      />
    </div>
  );
};