import Link from "next/link";
import { IconArrowRight } from "@tabler/icons-react";

/**
 * Bridge CTA for news/actualites articles.
 * Redirects readers toward actionable guide content to reduce bounce rate.
 */
export function ActuBridge() {
  return (
    <div className="mb-8 rounded-xl border border-orange-200 bg-orange-50/60 px-5 py-4">
      <p className="text-sm font-medium text-gray-900">
        Cette actualité impacte vos contrats d'énergie ?
      </p>
      <Link
        href="/guides/courtier-en-energie-guide-complet/"
        className="mt-2 inline-flex items-center gap-1.5 text-sm font-semibold text-orange-700 hover:text-orange-700"
      >
        Sécurisez vos prix avec un courtier en énergie
        <IconArrowRight size={14} />
      </Link>
    </div>
  );
}