function Article()

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>
  );
}