import Link from "next/link";

type Props = {
  href?: string;
  suffix?: string;
  className?: string;
};

export default function Logo({ href = "/", suffix, className = "" }: Props) {
  const inner = (
    <>
      <span className="logo-hl">landpage</span>
      <span className="logo-dom">.agenciajob.com</span>
      {suffix ? <small>{suffix}</small> : null}
    </>
  );

  if (href) {
    return (
      <Link href={href} className={`logo${className ? ` ${className}` : ""}`}>
        {inner}
      </Link>
    );
  }

  return <span className={`logo${className ? ` ${className}` : ""}`}>{inner}</span>;
}