'use client';

import ClosingIncomingSapronaksTable from '@/components/pages/closing/ClosingIncomingSapronaksTable';
import ClosingOutgoingSapronaksTable from '@/components/pages/closing/ClosingOutgoingSapronaksTable';
import ClosingIncomingSapronaksSummaryTable from '@/components/pages/closing/ClosingIncomingSapronaksSummaryTable';
import ClosingOutgoingSapronaksSummaryTable from './ClosingOutgoingSapronaksSummaryTable';

interface ClosingSapronakTableProps {
  projectFlockId?: number;
}

const ClosingSapronakTabContent = ({
  projectFlockId,
}: ClosingSapronakTableProps) => {
  return (
    <div className='flex flex-col gap-4'>
      {projectFlockId && (
        <>
          <ClosingIncomingSapronaksTable projectFlockId={projectFlockId} />

          <ClosingIncomingSapronaksSummaryTable
            projectFlockId={projectFlockId}
          />

          <ClosingOutgoingSapronaksTable projectFlockId={projectFlockId} />

          <ClosingOutgoingSapronaksSummaryTable
            projectFlockId={projectFlockId}
          />
        </>
      )}
    </div>
  );
};

export default ClosingSapronakTabContent;
