import React, { useState } from "react"
import { TabView, TabPanel } from "primereact/tabview"
import { Card, CardBody } from "reactstrap"
import ChartKpdl from "./componentProgresifitas/ChartKPDL"

const TabPenugasan = ({ dataSend }) => {
  return (
    <>
      <Card>
        <CardBody className="">
          <TabView className="p-1" pt={{ panelContainer: { className: "p-1" } }}>
            <TabPanel className="p-" id="tab_1" header="Identifikasi Lapangan (KPDL/MATOA)">
              <ChartKpdl dataSend={dataSend} />
            </TabPanel>
            <TabPanel id="tab_2" header="Aktifitas pasca identifikasi"></TabPanel>
            <TabPanel id="tab_3" header="Hasil"></TabPanel>
          </TabView>
        </CardBody>
      </Card>
    </>
  )
}

export default TabPenugasan