"use client";

import { Zap } from "lucide-react";
import { useTranslations } from "next-intl";

export function PricingCreditsBanner() {
  const t = useTranslations("auto.componentsSectionsPricingCreditsBanner");

  return (
    <div className="flex items-start gap-2 rounded-lg bg-sky-50 px-3 py-2.5 text-left">
      <Zap className="mt-0.5 h-4 w-4 shrink-0 text-rf-blue" aria-hidden />
      <p className="text-xs leading-snug text-neutral-700">
        {t("refillCredits")}
      </p>
    </div>
  );
}
