header.tsx 747 B

123456789101112131415161718192021222324252627
  1. "use client";
  2. import Link from "next/link";
  3. import { LogoutButton } from "./authButtons";
  4. export function Header() {
  5. return (
  6. <header className="border-b border-gray-200 bg-white">
  7. <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
  8. <div className="flex justify-between items-center py-4">
  9. <div className="flex items-center">
  10. <Link href="/" className="flex items-center">
  11. <img
  12. src="/vtorio.svg"
  13. alt="vtor.io"
  14. className="h-8 w-auto"
  15. />
  16. </Link>
  17. </div>
  18. <div className="flex items-center space-x-4">
  19. <LogoutButton />
  20. </div>
  21. </div>
  22. </div>
  23. </header>
  24. );
  25. }