import { Zap } from "lucide-react";

import { Link } from "@/i18n/navigation";

import { ThemeToggle } from "./theme-toggle";

const Header = () => {
  return (
    <header className="fixed top-0 z-50 flex h-14 w-full items-center justify-between border-b border-border bg-background px-4">
      <Link href="/">
        <div className="flex items-center gap-2">
          <Zap className="h-5 w-5" />
          <p className="font-bold select-none">ELEVA SPEED</p>
        </div>
      </Link>

      <ThemeToggle />
    </header>
  );
};

export default Header;