import { Card, CardBody, Col } from "reactstrap";
import CommonCardHeader from "@/CommonComponent/CommonCardHeader";
import { CashReceivedGraphHeading } from "@/Constant";
import { Bar } from "react-chartjs-2";
import { ChartJsBarChartData, ChartJsBarChartDataOption } from "@/Data/Charts/ChartJS";

const CashReceivedGraph = () => {
  return (
    <Col md="6">
      <Card>
        <CommonCardHeader title={CashReceivedGraphHeading} dropDown headClass="card-no-border total-revenue" dropClass="dropdown-toggle-store default-drop-store" />
        <CardBody className="pt-0">
          <div className="statistics">
            <Bar id="myBarGraph" data={ChartJsBarChartData} options={ChartJsBarChartDataOption} width={778} height={400} />
          </div>
        </CardBody>
      </Card>
    </Col>
  );
};

export default CashReceivedGraph;