refactor(FE): Refactor PdfTable to use PdfThead/PdfTbody/PdfTfoot

src/components/helper/pdf/table/PdfTable.tsx

@@ -1,7 +1,9 @@
 'use client';
 
 import { View, StyleSheet } from '@react-pdf/renderer';
-import { PdfColumn } from './PdfThead';
+import { PdfThead, PdfColumn } from './PdfThead';
+import { PdfTbody, PdfTbodyCell } from './PdfTbody';
+import { PdfTfoot, PdfTfootCell } from './PdfTfoot';
 
 const styles = StyleSheet.create({
   table: {
@@ -13,9 +15,35 @@ const styles = StyleSheet.create({
 
 interface PdfTableProps {
   columns: PdfColumn[];
-  children: React.ReactNode;
+  data: PdfTbodyCell[][];
+  footer?: PdfTfootCell[];
+  footerLabel?: string;
+  initialBalanceRow?: {
+    valueKey: string;
+    value: number;
+    align?: 'right';
+    color?: string;
+  };
 }
 
-export const PdfTable = ({ columns, children }: PdfTableProps) => {
-  return <View style={styles.table}>{children}</View>;
+export const PdfTable = ({
+  columns,
+  data,
+  footer,
+  footerLabel = 'Total',
+  initialBalanceRow,
+}: PdfTableProps) => {
+  return (
+    <View style={styles.table}>
+      <PdfThead columns={columns} />
+      <PdfTbody
+        columns={columns}
+        rows={data}
+        initialBalanceRow={initialBalanceRow}
+      />
+      {footer && footer.length > 0 && (
+        <PdfTfoot columns={columns} cells={footer} label={footerLabel} />
+      )}
+    </View>
+  );
 };