use reactnode instead of string as children

atelier-saulx · Jul 24, 2024 · 3a7f10a · 3a7f10a
1 parent cdda573
commit 3a7f10a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { ReactNode, useState } from 'react'
 import { radius } from '../../utils/radius.js'
 import { Icon, IconProps } from '../Icon/index.js'
 import { Text } from '../Text/index.js'
@@ -8,7 +8,7 @@ import { KeyHint, KeyHintProps } from '../KeyHint/index.js'
 import { styled } from 'inlines'
 
 type ButtonProps = {
-  children: string
+  children: ReactNode
   onClick: () => void | Promise<void>
   disabled?: boolean
   variant?: 'primary' | 'secondary' | 'ghost'

diff --git a/src/components/Text/index.tsx b/src/components/Text/index.tsx
@@ -1,7 +1,8 @@
+import { ReactNode } from 'react'
 import { Color, colors } from '../../utils/colors.js'
 
 type TextProps = {
-  children: string
+  children: ReactNode
   variant?:
     | 'display-regular'
     | 'display-medium'