import React from "react";
import { Bubble } from "react-chartjs-2";
import { Chart as ChartJs } from "chart.js/auto";
import { PropTypes } from "prop-types";
import { defaults } from "chart.js";

defaults.font.family = "iranyekan";

const ChartBubble = ({ chartData }) => {
  console.log(ChartJs);
  return <Bubble data={chartData} />;
};

export default ChartBubble;

ChartBubble.propTypes = {
  chartData: PropTypes.any,
};
