'use client';

import Tabs from '@/components/Tabs';
import CustomerPaymentTab from '@/components/pages/report/finance/tab/CustomerPaymentTab';
import DebtSupplier from '@/components/pages/report/finance/tab/DebtSupplier';

const FinanceTabs = () => {
  const tabs = [
    {
      id: '1',
      label: 'Kontrol Pembayaran Customer',

      content: <CustomerPaymentTab />,
    },
    {
      id: '2',
      label: 'Rekapitulasi Hutang Ke Supplier',

      content: <DebtSupplier />,
    },
  ];

  return (
    <section className='w-full p-4'>
      <Tabs tabs={tabs} variant='lifted' />
    </section>
  );
};

export default FinanceTabs;