components/Navbar.tsx

import Link from 'next/link'
import { Button } from "@/components/ui/button"
import { FileText } from "lucide-react"

export default function Navbar() {
 return (
 <nav className="border-b">
 <div className="container flex justify-end py-4">
 <Button variant="ghost" asChild className="p-2 sm:p-4">
 <Link href="https://huggingface.co/docs/transformers.js/en/index" target="_blank" rel="noopener noreferrer" className="flex items-center">
 <FileText className="h-4 w-4 mr-2 sm:mr-2" />
 <span className="font-medium">Docs</span>
 </Link>
 </Button>
 </div>
 </nav>
 )
}