import React from "react";
const faixa = (n) => (n >= 85 ? { id: "nata", nome: "Nata", legenda: "Passa direto" } : n >= 70 ? { id: "boa", nome: "Boa", legenda: "Vale revisar" } : { id: "fraca", nome: "Fraca", legenda: "Não envia" });
/** Nota 0–100 da oferta em anel. ≥85 Nata (laranja) · ≥70 Boa (verde) · <70 Fraca (cinza). */
export function NotaOferta({ nota = 0, tamanho = "medio", mostrarFaixa = false, className = "" }) {
  const n = Math.max(0, Math.min(100, Math.round(nota)));
  const f = faixa(n);
  return (
    <span className={["ach-nota", "ach-nota--" + tamanho, "ach-nota--" + f.id, className].filter(Boolean).join(" ")} role="img" aria-label={"Nota " + n + " de 100, " + f.nome}>
      <span className="ach-nota__anel" style={{ "--nota-pct": n }}><span className="ach-nota__valor">{n}</span></span>
      {mostrarFaixa && <span className="ach-nota__faixa"><span className="ach-nota__nome">{f.nome}</span><span className="ach-nota__legenda">{f.legenda}</span></span>}
    </span>
  );
}