import React, { useState } from "react"
import { TabView, TabPanel } from "primereact/tabview"
// import Identifikasi from "./componentProgresifitas/Identifikasi"
import Pembayaran from "./componentProgresifitas/Pembayaran"
import Identifikasi from "./componentProgresifitas/Identifikasi"
import PayComp from "./componentProgresifitas/PayComp"
import Sof from "./componentProgresifitas/Sof"
import JenisStatusWp from "./componentProgresifitas/JenisStatusWp"
import Pengampu from "./componentProgresifitas/Pengampu"
import SPTTahunan from "./componentProgresifitas/SPTTahunan"
import KLU from "./componentProgresifitas/KLU"

export default function TabProgresifitas({ dataSend }) {
  return (
    <div className="card">
      <TabView>
        <TabPanel id="tab_1" header="Identifikasi">
          <Identifikasi dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_2" header="Pembayaran">
          <Pembayaran dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_3" header="Payment Compliance">
          <PayComp dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_4" header="Strength Of Figure">
          <div>
            <Sof dataSend={dataSend} />
          </div>
        </TabPanel>

        <TabPanel id="tab_5" header="Jenis/Status WP">
          <JenisStatusWp dataSend={dataSend} />
        </TabPanel>

        <TabPanel id="tab_5" header="Pengampu">
          <Pengampu dataSend={dataSend} />
        </TabPanel>
        <TabPanel id="tab_5" header="SPT Tahunan">
          <SPTTahunan dataSend={dataSend} />
        </TabPanel>
        <TabPanel id="tab_6" header="KLU">
          <KLU dataSend={dataSend} />
        </TabPanel>
      </TabView>
    </div>
  )
}