import FeatureCard from "./FeatureCard";

interface Feature {
  title: string;
  description: string;
  variant: "dark" | "light";
}

interface FeaturesListProps {
  features: Feature[];
}

export default function FeaturesList({ features }: FeaturesListProps) {
  return (
    <div className="flex flex-col gap-3 sm:gap-4 md:gap-5 lg:gap-6">
      {features.map((feature, index) => (
        <div
          key={index}
          className={`flex ${
            index % 2 === 0 ? "justify-start" : "justify-end"
          }`}
        >
          <FeatureCard
            title={feature.title}
            description={feature.description}
            variant={feature.variant}
          />
        </div>
      ))}
    </div>
  );
}