import React from 'react';
import { SolutionIcon } from './SolutionIcon';

interface FeatureGridProps {
  features: { title: string; desc: string }[];
  color: string;
}

export const FeatureGrid: React.FC<FeatureGridProps> = ({ features, color }) => {
  return (
    <div className="feature-grid">
      {features.map((f) => (
        <div className="feature-card" key={f.title}>
          <span className="feature-check" style={{ color }}>
            <SolutionIcon slug="check" size={16} color={color} />
          </span>
          <div>
            <h4 className="feature-title">{f.title}</h4>
            <p className="feature-desc">{f.desc}</p>
          </div>
        </div>
      ))}
    </div>
  );
};

export default FeatureGrid;
