import { Typography } from "@/components/ui";

import styles from "./PlanIncludes.module.scss";

interface PlanFeature {
  text: string;
}

interface PlanIncludesProps {
  features: PlanFeature[];
  title: string;
}

export default function PlanIncludes({ title, features }: PlanIncludesProps) {
  return (
    <div className={styles.container}>
      <Typography as="h2" className={styles.title}>
        {title}
      </Typography>
      <ul className={styles.featuresList}>
        {features.map((feature, index) => (
          <li key={index} className={styles.featureItem}>
            {feature.text}
          </li>
        ))}
      </ul>
    </div>
  );
}
