import React, { Component } from "react";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Container, Row, Col, Card, CardHeader, CardBody } from "reactstrap";

import Sparkline from "@/components/Common/Sparklines.js";
import FlotChart from "@/components/Charts/Flot.js";
import {
  ChartSpline,
  ChartArea,
  ChartBar,
  ChartBarStacked,
  ChartDonut,
  ChartLine,
  ChartPie,
} from "@/components/Config/flot.setup.js";

class ChartData extends Component {
  render() {
    return (
      <Col lg={12}>
        <Card className="card-default">
          <CardBody>
            <FlotChart
              options={ChartSpline.options}
              data={ChartSpline.data}
              className="flot-chart"
              height="250px"
            />
          </CardBody>
          <div align="center">
            <span>Data Statistik Pengunjung Tahun 2022</span>
          </div>
        </Card>
      </Col>
    );
  }
}
export default ChartData;