import Link from "next/link";
import React from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faLinkedin } from "@fortawesome/free-brands-svg-icons";
import { faGithub } from "@fortawesome/free-brands-svg-icons";
import giteaLogo from "@/public/gitea-logo.svg";
import Image from "next/image";

export default function Navbar({}) {
    return (
        <div className="text-white w-full middle align-middle bg-black h-11">
            <div className="h-full flex flex-col justify-center">
                <div className="flex flex-row justify-between ml-2">
                    <div>
                        Okechi Onyeje
                    </div>
                    <div className="flex flex-row gap-4 mr-2">
                        <Link href="https://www.linkedin.com/in/okechi-onyeje-57129b9a/" target="#">
                            <FontAwesomeIcon width={20} height={70} icon={faLinkedin} className="fas fa-linkedin" style={{ color: "white" }} />
                        </Link>
                        <span className="flex flex-row">
                            <Link href="https://github.com/oonyeje" target="#">
                                <i className="fa-solid">
                                    <FontAwesomeIcon width={30} height={70} icon={faGithub} className="fas fa-github" style={{ color: "white" }} />
                                </i>
                            </Link>/
                            <Link className="ml-2 mt-1 align-middle" href="https://gitea.bsidesolutions.net/oonyeje" target="#">
                                <i className="fa-solid">
                                    <Image
                                        height={16}
                                        width={16}
                                        priority
                                        src={giteaLogo}
                                        alt="Gitea"
                                    />
                                </i>
                            </Link>
                        </span>
                        {/* <Link href="https://bsidesol.com" target="#">BSide</Link> */}
                    </div>
                </div>
            </div>
        </div>
    );
};