import Image from "next/image";
import { Popover } from "./ui/popover";

export default function Sidebar() {
  return (
    <div className="w-[100px] h-screen absolute top-0 left-0 flex flex-col items-center justify-between">
      <div className="w-full h-full flex flex-col items-center gap-6">
        <Image
          src="/Frame.svg"
          alt="logo"
          className="w-fit h-fit mt-[50px]"
          width={30}
          height={30}
        />
        <div className="font-ntype rotate-90 mt-8 text-3xl opacity-70 flex flex-row gap-2 w-full">
          <h1>
            <a href="mailto:me@imnya.ng">me@imnya.ng</a>
          </h1>
        </div>
      </div>
      <div>
        <Popover />
      </div>
    </div>
  );
}
