src/components/logo.tsx

import { FileArchive } from 'lucide-react';
import Link from 'next/link';

export function Logo() {
  return (
    <Link href="/" className="cursor-pointer">
        <div className="flex items-center gap-2 p-2 font-semibold text-primary">
            <FileArchive className="h-6 w-6" />
            <div className="flex flex-col">
            <span className="text-xl leading-none">Medico Docs</span>
            <span className="text-xs font-normal text-muted-foreground">by ztx</span>
            </div>
        </div>
    </Link>
  );
}