26 lines
669 B
TypeScript
26 lines
669 B
TypeScript
import { LucideIcon } from "lucide-react";
|
|
|
|
interface FeatureBadgeProps {
|
|
icon: LucideIcon;
|
|
title: string;
|
|
description: string;
|
|
}
|
|
|
|
export default function FeatureBadge({
|
|
icon: Icon,
|
|
title,
|
|
description,
|
|
}: FeatureBadgeProps) {
|
|
return (
|
|
<div className="flex items-start gap-3.5">
|
|
<div className="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-white/[0.08] bg-white/[0.03] text-blue-400">
|
|
<Icon size={18} strokeWidth={1.75} />
|
|
</div>
|
|
<div>
|
|
<p className="font-medium text-ink-100">{title}</p>
|
|
<p className="text-sm text-ink-500">{description}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|