import React from "react";

export const BarGraph: React.FC<{
  data: { data: number | null; date: string }[][];
}> = ({ data }) => {
  const line = data[0];
  const maxValue = Math.max(...line.map((d) => d.data ?? 0));
  return (
    <div className="bar-graph">
      {line.map((d) => (
        <div className="bar-graph-bar-container">
          <div
            className="bar-graph-bar"
            style={{ height: `${((d.data ?? 0) / maxValue) * 100}%` }}
          />
        </div>
      ))}
    </div>
  );
};