import { useNavigate } from "react-router-dom";
import LogoIcon from "./icons/LogoIcon";

interface LogoProps {
  className?: string;
}

const Logo = ({ className = "" }: LogoProps) => {
  const navigate = useNavigate();

  const handleOnLogoClick = () => {
    navigate("../");
  };

  return (
    <div
      className={`text-[#0D1922] py-4 px-6 border-r border-r-[#F3F3F2] cursor-pointer select-none ${className}`}
      onClick={handleOnLogoClick}
    >
      <LogoIcon />
    </div>
  );
};

export default Logo;
