20 lines
554 B
TypeScript
20 lines
554 B
TypeScript
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;
|