import React from "react";

import Link, { LinkProps } from "next/link";
import Image, { ImageProps } from "next/image";

interface LogoProps {
  label?: string;
  className?: string;
  imageProps?: ImageProps;
}

function Logo({ imageProps, ...props }: LogoProps & LinkProps) {
  return (
    <Link
      className={
        props.className ?? " flex flex-row items-center justify-center"
      }
      {...props}
    >
      {/* <Image className="absolute hover:rotate-[360deg] transition duration-1000 ease-in-out" src={logoArrow} alt="Logo"/> */}

      <Image
        priority
        src={"/icons/combination-logo.svg"}
        alt="Follow us on Twitter"
        width={200}
        height={40}
        {...imageProps}
      />
    </Link>
  );
}

export default Logo;