import React from 'react'

import {
  BarChart as _BarChart,
  CartesianGrid,
  XAxis,
  YAxis,
  Tooltip,
  Legend,
  Bar
} from 'recharts';

export const BarChart = (props) => {
  return (
    <_BarChart width={props.width} height={props.height} data={props.data}>
      <CartesianGrid strokeDasharray="3 3" />
      <XAxis dataKey="label" />
      <YAxis />
      <Tooltip />
      <Legend />
      <Bar dataKey="value" fill="#3172ff" barSize={20} />
      {/* <Bar dataKey="uv" fill="#82ca9d" /> */}
    </_BarChart>
  )
}