fwt/components/Column/Column.tsx

@@ -1,8 +1,7 @@
-import type { JSXElement } from 'solid-js'
 import './Column.sass'
 
 interface Props {
-  children: JSXElement
+  children: any
   content: 'top' | 'center' | 'right' | 'split' | 'spaced'
   gap?: number
 }

fwt/components/Footer/Footer.tsx

@@ -1,8 +1,7 @@
 import './Footer.sass'
-import type { JSXElement } from 'solid-js'
 
 interface Props {
-  children: JSXElement
+  children: any
 }
 
 export default (props: Props) => {

fwt/components/HTML/HTML.tsx

@@ -4,7 +4,7 @@ interface Props {
   title: string
   name: string
   description: string
-  children: HTMLElement
+  children: any
   font?: string
 }
 

fwt/components/Input/Input.sass

@@ -1,3 +0,0 @@
-.input
-  font-size: 1rem
-  padding: 0.5rem 1rem

fwt/components/Input/Input.tsx

@@ -1,27 +0,0 @@
-import './Input.sass'
-import { createSignal } from 'solid-js'
-
-interface Props {
-  placeholder?: string
-  value?: string
-  onChange?: (value: string) => void
-}
-
-export default (props: Props) => {
-  const [inputValue, setInputValue] = createSignal(props.value || '')
-
-  const handleChange = (event: Event) => {
-    const target = event.target as HTMLInputElement
-    const newValue = target.value
-    setInputValue(newValue)
-    if (props.onChange) {
-      props.onChange(newValue)
-    }
-  }
-
-  return (
-    <>
-      <input class="input" type="text" placeholder={props.placeholder} value={inputValue()} onInput={handleChange} />
-    </>
-  )
-}

fwt/components/Navbar/Navbar.tsx

@@ -4,7 +4,7 @@ import Row from '../Row/Row'
 
 interface Props {
   transparent?: boolean
-  children: HTMLElement
+  children: any
 }
 
 export default (props: Props) => {

fwt/components/Row/Row.tsx

@@ -1,8 +1,8 @@
 import './Row.sass'
-import { Show, type JSXElement } from 'solid-js'
+import { Show } from 'solid-js'
 
 interface Props {
-  children: JSXElement
+  children: any
   content: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even'
   gap?: number
 }
@@ -17,7 +17,9 @@ export default (props: Props) => {
       </Show>
 
       <Show when={!props.gap}>
-        <div class={props.content}>{props.children}</div>
+        <div class={props.content} >
+          {props.children}
+        </div>
       </Show>
     </>
   )