packages/example/src/lib/TextInput.tsx

@@ -1,30 +1,32 @@
 import { TextField } from "@radix-ui/themes"
-import { Duration, Equivalence, Record, Schema } from "effect"
+import { type ParseResult, Schema } from "effect"
 import { Component } from "effect-fc"
 import { useInput } from "effect-fc/hooks"
+import type * as React from "react"
 
 
 export interface TextInputProps<A, R> extends Omit<useInput.Options<A, R>, "schema"> {
-    readonly textFieldRootProps: TextField.RootProps
+    readonly textFieldRootProps: Omit<TextField.RootProps, "children">
+    readonly children?: React.ReactNode
 }
 
-export const TextInputPropsEquivalence: Equivalence.Equivalence<TextInputProps<unknown, unknown>> = Equivalence.struct({
-    ref: Equivalence.strict(),
-    debounce: (self?: Duration.Duration, that?: Duration.Duration) => (self === undefined || that === undefined)
-        ? self === that
-        : Duration.Equivalence(self, that),
-    textFieldRootProps: Record.getEquivalence(Equivalence.strict()),
+export const TextInput = <A, R>(
+    schema: Schema.Schema<A, string, R>
+): Component.Component<
+    TextInputProps<A, R>,
+    React.JSX.Element,
+    ParseResult.ParseError,
+    R
+> => Component.makeUntraced(function* TextInput(props: TextInputProps<A, R>) {
+    const input = yield* useInput({ ...props, schema })
+
+    return (
+        <TextField.Root
+            value={input.value}
+            onChange={input.onChange}
+            {...props.textFieldRootProps}
+        >
+            {props.children}
+        </TextField.Root>
+    )
 })
-
-
-export const TextInput = <A, R>(schema: Schema.Schema<A, string, R>) => Component.makeUntraced(
-    function* TextInput(props: TextInputProps<A, R>) {
-        const input = yield* useInput({ ...props, schema })
-
-        return (
-            <TextField.Root {...props.textFieldRootProps}>
-
-            </TextField.Root>
-        )
-    }
-)