fix: refactor component props to make them optional (#5)

typicode · Feb 28, 2024 · 7fe1233 · 7fe1233
1 parent edff7c7
commit 7fe1233
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/fixtures/Button.mist.css.tsx b/fixtures/Button.mist.css.tsx
@@ -2,9 +2,9 @@
 import './Button.mist.css'
 
 type Props = {
-  children: React.ReactNode
-  size: 'lg' | 'sm'
-  danger: boolean
+  children?: React.ReactNode
+  size?: 'lg' | 'sm'
+  danger?: boolean
 }
 
 export function Button({ children, size, danger, ...props }: Props) {

diff --git a/src/index.ts b/src/index.ts
@@ -65,12 +65,12 @@ function renderProps(parsedInput: ParsedInput): string {
     .map((attribute) => {
       const values = parsedInput.data[attribute]
       if (Array.isArray(values)) {
-        return `${attribute}: ${values
+        return `${attribute}?: ${values
           .map((value) => `'${value}'`)
           .join(' | ')}`
       }
 
-      return `  ${attribute}: boolean`
+      return `  ${attribute}?: boolean`
     })
     .join('\n')
 }
@@ -80,7 +80,7 @@ export function render(name: string, parsedInput: ParsedInput): string {
 import './${name}.mist.css'
 
 type Props = {
-  children: React.ReactNode
+  children?: React.ReactNode
   ${renderProps(parsedInput)}
 }