type Feature = {
    name: string;
    value: string;
};
interface FeaturesListProps {
    features: Feature[]; // An array of feature objects
}
const FeaturesList: React.FC<FeaturesListProps> = ({ features }) => {

  return (
    <div className="list list-check">
      <h3 className="heading-primary-text dark-bg-light">Features</h3>
          <div className="course-details">
              {features.map((feature, index) => (
                <p className="course-detail" key={index}>
                    <span className="ime" data-original-title="" title=""><i className="fa fa-book" data-original-title="" title=""></i></span>
                    <span className="rit-side feature-label" data-original-title="" title="">{feature.name}: 
                    <span className="feature-text" data-original-title="" title=""><strong>{feature.value}</strong></span>
                    </span>
                </p>
                
              ))}

        
          </div>
    </div>
  );
};
 
export default FeaturesList;
