type Props = {
  className?: string;
};

/** Sello OT Club 1976 — arte del brand book (PNG transparente) */
export function OtClubSeal({ className = "" }: Props) {
  return (
    <div className={`flex items-center gap-4 ${className}`}>
      {/* eslint-disable-next-line @next/next/no-img-element */}
      <img
        src="/brand/ot-club-seal.png"
        alt="OT Club 1976 — Sporty Elegance"
        className="h-[3.35rem] w-[3.35rem] shrink-0 object-contain select-none"
        draggable={false}
      />
      <div className="leading-tight text-left">
        <p
          className="text-[1.05rem] font-bold uppercase tracking-[0.04em] text-[#181F32]"
          style={{
            fontFamily:
              "var(--font-barlow-condensed), 'Barlow Condensed', sans-serif",
          }}
        >
          Club 1976
        </p>
        <p
          className="mt-1 text-[0.72rem] tracking-[0.12em] text-ot-muted"
          style={{
            fontFamily: "var(--font-inter), Inter, sans-serif",
          }}
        >
          Classic is always in style
        </p>
      </div>
    </div>
  );
}