type Props = {
  values?: number[];
};

export function UsageChart({ values = [45, 70, 38, 86, 62, 54] }: Props) {
  return (
    <div className="usage-chart">
      {values.map((height, index) => <span key={index} style={{ height: `${height}%` }} />)}
    </div>
  );
}