export type RadarChartTooltipData = {
  label: string;
  value: number;
  color: string;
};

export type RadarChartTooltipProps = {
  data: RadarChartTooltipData[];
};

export const RadarChartTooltip = ({ data }: RadarChartTooltipProps) => {
  return (
    <div className="infografika infografika-tooltip">
      {data.map((item) => {
        return (
          <div className="infografika-tooltip__item" key={item.label}>
            <div className="infografika-tooltip__label">
              <span
                className="infografika-tooltip__color"
                style={{ background: item.color }}
              ></span>
              <span>{item.label}</span>
            </div>
            <div className="infografika-tooltip__value">{item.value}</div>
          </div>
        );
      })}
    </div>
  );
};