packages/example/src/lib/TextInput.tsx

@@ -1,16 +1,20 @@
 import { TextField } from "@radix-ui/themes"
 import { Effect } from "effect"
 import { Component } from "effect-fc"
-import { Hooks } from "effect-fc/hooks"
+import { useInput } from "effect-fc/hooks"
 import { JSX } from "react"
 
 
 export namespace TextInput {
-    export interface Props<A, R> extends Hooks.useInput.Options<A, R>, TextField.RootProps {}
+    export interface Props<A, R> extends useInput.Options<A, R>, TextField.RootProps {}
 }
 
-export class TextInput extends Component.make(Effect.fnUntraced(function* TextInput <A, R>(props: TextInput.Props<A, R>) {
-    return <></>
-})).pipe(
+export class TextInput extends Component.make(
+    Effect.fnUntraced(function* TextInput <A, R>(props: TextInput.Props<A, R>) {
+        const input = yield* useInput(props)
+        return <></>
+    })
+).pipe(
     Component.withFunctionComponentSignature<<A, R>(props: TextInput.Props<A, R>) => JSX.Element>()
 ) {}
+TextInput["~Error"]