import React from "react";
import { CardStack } from "@/components/cardStack/CardStack";

interface FeatureCardTwentySevenProps {
  features?: any[];
  title?: string;
  description?: string;
  animationType?: string;
  textboxLayout?: string;
  useInvertedBackground?: boolean;
}

export default function FeatureCardTwentySeven({
  features = [],
  title = "Features",  description = "Our features",  animationType = "slide-up",  textboxLayout = "default",  useInvertedBackground = false,
}: FeatureCardTwentySevenProps) {
  const items = features.map((feature) => ({
    id: feature.id,
    label: feature.title,
    detail: feature.description,
  }));

  return (
    <div className="feature-card-twenty-seven">
      <CardStack items={items} />
    </div>
  );
}
