/** Panel bölüm başlığı: dar etiket + kalın başlık + isteğe bağlı sağ eylem. */
export function Head({ tag, title, action }: { tag?: React.ReactNode; title: React.ReactNode; action?: React.ReactNode }) {
  return (
    <div className="flex items-end justify-between gap-3 px-4 pb-3 pt-4">
      <div className="min-w-0">{tag && <div className="tag">{tag}</div>}<h1 className="text-[22px] font-extrabold leading-tight tracking-[-0.01em]">{title}</h1></div>
      {action}
    </div>
  );
}