import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { SolutionIcon } from './SolutionIcon';
export const FeatureGrid = ({ features, color }) => {
    return (_jsx("div", { className: "feature-grid", children: features.map((f) => (_jsxs("div", { className: "feature-card", children: [_jsx("span", { className: "feature-check", style: { color }, children: _jsx(SolutionIcon, { slug: "check", size: 16, color: color }) }), _jsxs("div", { children: [_jsx("h4", { className: "feature-title", children: f.title }), _jsx("p", { className: "feature-desc", children: f.desc })] })] }, f.title))) }));
};
export default FeatureGrid;
