import React from 'react';

interface FeatureCardProps {
  icon: React.ReactNode;
  title: string;
  description: string;
}

const FeatureCard: React.FC<FeatureCardProps> = ({ icon, title, description }) => {
  return (
    <div className="flex-1 bg-[#F1F5F9] border border-[#0525311A] p-4 rounded-lg">
      <div className="w-12 h-12">
        {icon}
      </div>
      <div className="mt-2">
        <div className="font-semibold text-[#052531] text-lg">{title}</div>
        <p className="text-base text-[#052531]">{description}</p>
      </div>
    </div>
  );
};

export default FeatureCard;