import { cn } from "@/lib/utils";

export function LanternIcon({ className }: { className?: string }) {
  return (
    <svg viewBox="0 0 24 36" className={className} fill="none" aria-hidden="true">
      <path
        d="M12 1.5v5"
        stroke="currentColor"
        strokeWidth="1.2"
        strokeLinecap="round"
      />
      <path
        d="M8 6.5h8l.8 2.2H7.2L8 6.5Z"
        stroke="currentColor"
        strokeWidth="1.2"
        strokeLinejoin="round"
      />
      <path
        d="M7.4 8.7h9.2v14.2c0 3.4-2.1 5.6-4.6 5.6s-4.6-2.2-4.6-5.6V8.7Z"
        stroke="currentColor"
        strokeWidth="1.2"
      />
      <path
        d="M12 11.2v9.4"
        stroke="currentColor"
        strokeWidth="1"
        opacity="0.55"
      />
      <circle cx="12" cy="16.4" r="2.1" fill="currentColor" opacity="0.85" />
      <path
        d="M9.2 31.2h5.6"
        stroke="currentColor"
        strokeWidth="1.2"
        strokeLinecap="round"
      />
    </svg>
  );
}

export function Wordmark({ className }: { className?: string }) {
  return (
    <span
      className={cn(
        "font-display text-[1.7rem] leading-none text-ivory sm:text-[2rem]",
        className,
      )}
    >
      Ferrylore
    </span>
  );
}