feat: useIndent hook

packages/react-template/src/components/Text.tsx

@@ -1,41 +1,15 @@
 import React from 'react'
 
-import type { ReactNode } from 'react'
+import { useIndent } from '../hooks/useIndent'
 
 type Props = {
-  children?: ReactNode
+  children?: React.ReactNode
   indentSize?: number
 }
 
-export function createIndent(size: number): string {
-  return Array.from({ length: size }).join(' ')
-}
-
 export function Text({ indentSize = 0, children }: Props): React.ReactNode {
-  const indentBefore = createIndent(indentSize)
-
-  let indentChildren
-
-  if (indentSize && typeof children === 'string') {
-    indentChildren = children.replaceAll('\n', `\n${createIndent(4)}`)
-  }
-
-  if (indentSize && Array.isArray(children)) {
-    indentChildren = children.map((child) => {
-      let text: string = child as string
-
-      if (typeof text === 'string') {
-        if (text.startsWith('\n')) {
-          text = text.replace('\n', '')
-        }
-        if (text.substring(text.length - 1, text.length) === '\n') {
-          text = text.substring(0, text.length - 2)
-        }
-        text = text.replaceAll('\n', `\n${createIndent(4)}`)
-      }
-      return text
-    })
-  }
+  const indentBefore = useIndent({ size: indentSize })
+  const indentChildren = useIndent({ size: 4, children })
 
   return (
     <kubb-text>

packages/react-template/src/hooks/index.ts

@@ -1,2 +1,3 @@
 export * from './useApp.ts'
 export * from './useMeta.ts'
+export * from './useIndent.ts'

packages/react-template/src/hooks/useIndent.ts

@@ -0,0 +1,39 @@
+type Props = {
+  size: number
+  children?: React.ReactNode
+}
+
+function createIndent(size: number): string {
+  return Array.from({ length: size }).join(' ')
+}
+
+export function useIndent({ size, children }: Props): React.ReactNode {
+  let indentWithChildren: React.ReactNode
+
+  if (!children) {
+    return createIndent(size)
+  }
+
+  if (typeof children === 'string') {
+    indentWithChildren = children.replaceAll('\n', `\n${createIndent(size)}`)
+  }
+
+  if (Array.isArray(children)) {
+    indentWithChildren = children.map((child) => {
+      let text: string = child as string
+
+      if (typeof text === 'string') {
+        if (text.startsWith('\n')) {
+          text = text.replace('\n', '')
+        }
+        if (text.substring(text.length - 1, text.length) === '\n') {
+          text = text.substring(0, text.length - 2)
+        }
+        text = text.replaceAll('\n', `\n${createIndent(size)}`)
+      }
+      return text
+    })
+  }
+
+  return indentWithChildren
+}