26 lines
518 B
TypeScript
26 lines
518 B
TypeScript
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;
|