import searchPic from "@/public/search.svg";

import Image from "next/image";
import Link from "next/link";
import Toolbar from "./toolbar";

import AnimatedLink from "../animatedLink";

export default function MainHeader() {
  return (
    <header className="flex flex-col mt-4">
      <div className="flex flex-row">
        <ul className="w-full flex flex-row justify-between items-baseline list-none">
          <li className="text-4xl">
            <AnimatedLink href="/">
              blog.aderk.org
            </AnimatedLink>
          </li>

          <li className="text-6xl flex items-center justify-center filter brightness-0 dark:invert">
            <Link href="#">
              <Image src={searchPic} alt="search" width={28} height={28} />
            </Link>
          </li>
        </ul>
      </div>
      <div className="text-lg mb-4 mt-6">
        <p className="leading-8">
          Этот блог - хроника моего погружения в мир компьютерной архитектуры. <br />
          Здесь я документирую процесс изучения и проектирования CPU и GPU на основе открытой архитектуры RISC-V. <br />
        </p>
      </div>
      <Toolbar></Toolbar>
    </header>
  );
}