import PricingFeature from "./PricingFeature";

interface PricingFeatureListProps {
  features: string[];
  checkmarkBg?: string;
  checkmarkColor?: string;
  isFeatured?: boolean;
}

export default function PricingFeatureList({
  features,
  checkmarkBg,
  checkmarkColor,
  isFeatured = false,
}: PricingFeatureListProps) {
  const defaultCheckmarkBg = isFeatured ? "bg-primary-2" : "bg-primary-8";
  const defaultCheckmarkColor = isFeatured ? "text-white" : "text-primary-main";

  return (
    <div className="px-10 py-6 flex-1">
      <ul className="space-y-3.5">
        {features.map((feature, index) => (
          <PricingFeature
            key={index}
            text={feature}
            checkmarkBg={checkmarkBg || defaultCheckmarkBg}
            checkmarkColor={checkmarkColor || defaultCheckmarkColor}
          />
        ))}
      </ul>
    </div>
  );
}