forked from mrwyndham/fastpocket
36 lines
962 B
TypeScript
36 lines
962 B
TypeScript
import React from "react";
|
|
import logo from "@/images/icon.svg";
|
|
import Image from "next/image";
|
|
import Icon from "./icon";
|
|
|
|
interface LogoProps {
|
|
label?: string;
|
|
className?: string;
|
|
}
|
|
|
|
function Logo({ label, className }: LogoProps) {
|
|
return (
|
|
<a
|
|
href={
|
|
label !== undefined
|
|
? "https://www.youtube.com/channel/UCZzzsJK5koyqUnP4x4oXnqw"
|
|
: "/"
|
|
}
|
|
className={className}
|
|
target={label !== undefined ? "_blank" : ""}
|
|
>
|
|
{/* <Image className="absolute hover:rotate-[360deg] transition duration-1000 ease-in-out" src={logoArrow} alt="Logo"/> */}
|
|
<Icon name="LeafThree24Filled" size="xlarge" />
|
|
{label !== undefined ? (
|
|
<span className="invisible absolute left-[50%] top-[-40px] translate-x-[-50%] p-1 rounded-lg font-bold bg-gray-800 text-fuchsia-400 group-hover:visible">
|
|
{label}
|
|
</span>
|
|
) : (
|
|
<></>
|
|
)}
|
|
</a>
|
|
);
|
|
}
|
|
|
|
export default Logo;
|