"use client";

import Image from "next/image";
import Link from "next/link";

interface HeaderLogoWidgetProps {
  variant?: "v1" | "v2";
}

export default function HeaderLogoWidget({ variant }: HeaderLogoWidgetProps) {
  return (
    <div className="col-lg-3 col-md-6 col-sm-6">
      <div className="header-logo">
        <Link href="/" className="logo light" title="Home">
          <Image
            src={
              variant === "v2"
                ? "/assets/images/logo3.svg"
                : "/assets/images/logo.svg"
            }
            alt="Sasico SaaS Analytics Logo"
            width={178}
            height={36}
          />
        </Link>
        <Link href="/" title="Home" className="dark">
          <Image
            src="/assets/images/dark-logo.svg"
            alt="Sasico SaaS Analytics Dark Logo"
            width={178}
            height={36}
          />
        </Link>
      </div>
    </div>
  );
}