// components/common/Logo.tsx
import Image from "next/image";
import Link from "next/link";

interface LogoProps {
  clickable?: boolean;
}

export default function Logo({ clickable = true }: LogoProps) {
  const logo = (
    <div className="relative h-6 w-30">
      <Image
        src="/images/morni-logo-black.svg"
        alt="Morni: Be Your Own Brand"
        width={300}
        height={80}
        className="img-responsive"
      />
    </div>
  );

  if (!clickable) return logo;

  return <Link href="/">{logo}</Link>;
}