import BulletListItem from "@/components/shared/BulletListItem/Index";

interface FeatureCardProps {
  features: string[];
}

export default function FeatureCard({ features }: FeatureCardProps) {
  return (
    <div
      className="relative top-[-30px] w-[90%] mx-auto rounded-[16px] p-5 md:p-8 shadow-lg z-10"
      style={{
        backgroundImage: "var(--color-radial-gradient-white)",
      }}
    >
      <ul className="flex flex-col gap-3 md:gap-4">
        {features.map((feature, index) => (
          <BulletListItem
            key={index}
            variant="bullet"
            bulletShape="rounded-full"
          >
            {feature}
          </BulletListItem>
        ))}
      </ul>
    </div>
  );
}