chore: organize table exports

components/TempDesignSystem/Table/TBody.tsx

@@ -0,0 +1,7 @@
+import styles from "./table.module.css"
+
+function TBody({ children }: React.PropsWithChildren) {
+  return <tbody className={styles.tbody}>{children}</tbody>
+}
+
+export default TBody

components/TempDesignSystem/Table/TD.tsx

@@ -0,0 +1,7 @@
+import styles from "./table.module.css"
+
+function TD({ children }: React.PropsWithChildren) {
+  return <td className={styles.td}>{children}</td>
+}
+
+export default TD

components/TempDesignSystem/Table/TH.tsx

@@ -0,0 +1,7 @@
+import styles from "./table.module.css"
+
+function TH({ children }: React.PropsWithChildren) {
+  return <th className={styles.th}>{children}</th>
+}
+
+export default TH

components/TempDesignSystem/Table/THead.tsx

@@ -0,0 +1,7 @@
+import styles from "./table.module.css"
+
+function THead({ children }: React.PropsWithChildren) {
+  return <thead className={styles.thead}>{children}</thead>
+}
+
+export default THead

components/TempDesignSystem/Table/TR.tsx

@@ -0,0 +1,7 @@
+import styles from "./table.module.css"
+
+function TR({ children }: React.PropsWithChildren) {
+  return <tr className={styles.tr}>{children}</tr>
+}
+
+export default TR

components/TempDesignSystem/Table/index.tsx

@@ -1,27 +1,19 @@
+import TBody from "./TBody"
+import TD from "./TD"
+import TH from "./TH"
+import THead from "./THead"
+import TR from "./TR"
+
 import styles from "./table.module.css"
 
 function Table({ children }: React.PropsWithChildren) {
   return <table className={styles.table}>{children}</table>
 }
 
+Table.THead = THead
+Table.TH = TH
+Table.TBody = TBody
+Table.TD = TD
+Table.TR = TR
+
 export default Table
-
-export function THead({ children }: React.PropsWithChildren) {
-  return <thead className={styles.thead}>{children}</thead>
-}
-
-export function TH({ children }: React.PropsWithChildren) {
-  return <th className={styles.th}>{children}</th>
-}
-
-export function TD({ children }: React.PropsWithChildren) {
-  return <td className={styles.td}>{children}</td>
-}
-
-export function TBody({ children }: React.PropsWithChildren) {
-  return <tbody className={styles.tbody}>{children}</tbody>
-}
-
-export function TR({ children }: React.PropsWithChildren) {
-  return <tr className={styles.tr}>{children}</tr>
-}