import { radarImageUrl } from "../api/client";
import { Button } from "./ui";
import { IconDownload } from "./icons";

// Блок с паутинной диаграммой: картинка + кнопка скачивания.
// SVG тянется напрямую с того же origin через nginx-прокси (/api/.../radar/image).
export function RadarBlock({ responseId }: { responseId: string }) {
  const url = radarImageUrl(responseId);
  return (
    <div className="center-col" style={{ width: "100%" }}>
      <img className="radar-img" src={url} alt="Паутинная диаграмма результата" />
      <a href={url} download="diagram.svg">
        <Button variant="info" icon={<IconDownload />}>
          Сохранить диаграмму
        </Button>
      </a>
    </div>
  );
}