import Link from "next/link";

export type PortalIntroPill = { label: string; value: string | number };

/**
 * Slim premium intro traka za podstranice portala. Zamenjuje teški
 * `partner-app-hero` (koji je duplirao naslov sada prisutan u shell top baru)
 * i redundantni „← Pregled" link (navigacija je u bočnom meniju).
 */
export function PortalPageIntro({
  eyebrow,
  title,
  description,
  pills,
  action,
}: {
  eyebrow: string;
  title: string;
  description?: string;
  pills?: PortalIntroPill[];
  action?: { label: string; href: string };
}) {
  return (
    <section className="portal-intro">
      <div className="portal-intro-main">
        <p className="portal-intro-eyebrow">{eyebrow}</p>
        <h2 className="portal-intro-title">{title}</h2>
        {description ? <p className="portal-intro-desc">{description}</p> : null}
        {pills && pills.length > 0 ? (
          <div className="portal-intro-pills">
            {pills.map((pill) => (
              <span className="portal-intro-pill" key={pill.label}>
                <b>{pill.value}</b> {pill.label}
              </span>
            ))}
          </div>
        ) : null}
      </div>
      {action ? (
        <Link href={action.href} className="portal-intro-action">
          {action.label}
        </Link>
      ) : null}
    </section>
  );
}