chore: organize table exports

components/JsonToHtml/renderOptions.tsx

@@ -4,7 +4,7 @@ import { insertResponseToImageVaultAsset } from "@/utils/imageVault"
 
 import ImageContainer from "../ImageContainer"
 import Divider from "../TempDesignSystem/Divider"
-import Table, { TBody, TD, TH, THead, TR } from "../TempDesignSystem/Table"
+import Table from "../TempDesignSystem/Table"
 import BiroScript from "../TempDesignSystem/Text/BiroScript"
 import Body from "../TempDesignSystem/Text/Body"
 import Caption from "../TempDesignSystem/Text/Caption"
@@ -404,9 +404,9 @@ export const renderOptions: RenderOptions = {
     }
     const props = extractPossibleAttributes(node.attrs)
     return (
-      <THead key={node.uid} {...props}>
+      <Table.THead key={node.uid} {...props}>
         {next(node.children, embeds, theadChildPRenderOptions)}
-      </THead>
+      </Table.THead>
     )
   },
 
@@ -418,9 +418,9 @@ export const renderOptions: RenderOptions = {
   ) => {
     const props = extractPossibleAttributes(node.attrs)
     return (
-      <TBody key={node.uid} {...props}>
+      <Table.TBody key={node.uid} {...props}>
         {next(node.children, embeds, fullRenderOptions)}
-      </TBody>
+      </Table.TBody>
     )
   },
 
@@ -455,9 +455,9 @@ export const renderOptions: RenderOptions = {
   ) => {
     const props = extractPossibleAttributes(node.attrs)
     return (
-      <TR key={node.uid} {...props}>
+      <Table.TR key={node.uid} {...props}>
         {next(node.children, embeds, fullRenderOptions)}
-      </TR>
+      </Table.TR>
     )
   },
 
@@ -469,9 +469,9 @@ export const renderOptions: RenderOptions = {
   ) => {
     const props = extractPossibleAttributes(node.attrs)
     return (
-      <TH key={node.uid} {...props}>
+      <Table.TH key={node.uid} {...props}>
         {next(node.children, embeds, fullRenderOptions)}
-      </TH>
+      </Table.TH>
     )
   },
 
@@ -483,9 +483,9 @@ export const renderOptions: RenderOptions = {
   ) => {
     const props = extractPossibleAttributes(node.attrs)
     return (
-      <TD key={node.uid} {...props}>
+      <Table.TD key={node.uid} {...props}>
         {next(node.children, embeds, fullRenderOptions)}
-      </TD>
+      </Table.TD>
     )
   },