in components/RelevantArticles.tsx [5:32]
function Article({
title,
content,
type,
link,
}: {
title: string;
content: string;
type: "knowledge_base" | "faq";
link: string;
}) {
return (
<div className="space-y-1 text-sm">
<div className="flex items-baseline gap-2">
<div className=" text-black font-bold">{title}</div>
<Link href={link} target="_blank">
<div className="flex items-center text-[#ED6A5E] gap-1">
<div className="text-xs font-medium">
{type === "knowledge_base" ? "INTERNAL" : "PUBLIC FAQ"}
</div>
<SquareArrowOutUpRight size={16} />
</div>
</Link>
</div>
<div className=" text-zinc-500 line-clamp-4">{content}</div>
</div>
);
}