"use client";

import { useTercihProfili } from "@/features/liste/hooks/use-tercih-profili";

// Hero başlığı: sıralama girilmemişse tanıtım metni, kayıtlı profil varsa
// aynı şablonla (vurgulu italik orta parça) aksiyon metnine dönüşür.
// SSR/ilk boyamada profil bilinmediği için varsayılan metin render edilir;
// store yüklenince client'ta aksiyon haline geçer.
export function HeroBaslik() {
  const profil = useTercihProfili();

  return (
    <h1 className="max-w-3xl font-heading text-5xl font-bold tracking-[0.015em] sm:text-6xl">
      {profil ? (
        <>
          Sıralaman kayıtlı, <br className="hidden sm:block" />
          <span className="font-bricolage italic tracking-tighter font-bold text-primary">
            tercih listen
          </span>{" "}
          seni bekliyor
        </>
      ) : (
        <>
          Tercih listeni <br className="hidden sm:block" />
          <span className="font-bricolage italic tracking-tighter font-bold text-primary">
            gerçek veriyle
          </span>{" "}
          kur, panikle değil
        </>
      )}
    </h1>
  );
}