import { ReactNode } from "react";

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

const FeatureCard = ({ icon, title, description }: FeatureCardProps) => {
  return (
    <div className="flex flex-col gap-5 border-[3px] border-[var(--color-2)] p-4 rounded-2xl">
      <div className="mb-2 bg-transparent">{icon}</div>
      <h3 className="font-mono font-bold leading-none mb-2">{title}</h3>
      <p className="text-sm sm:text-base font-mono">{description}</p>
    </div>
  );
};

export default FeatureCard;