packages/example/src/lib/TextInput.tsx

@@ -1,20 +1,26 @@
 import { TextField } from "@radix-ui/themes"
-import { Schema } from "effect"
+import { Duration, Equivalence, Record, Schema } from "effect"
 import { Component } from "effect-fc"
 import { useInput } from "effect-fc/hooks"
 
 
-export namespace TextInput {
-    export interface Props<A, R> extends Omit<useInput.Options<A, R>, "schema">, TextField.RootProps {}
+export interface TextInputProps<A, R> extends Omit<useInput.Options<A, R>, "schema"> {
+    readonly textFieldRootProps: TextField.RootProps
 }
 
+export const TextInputPropsEquivalence: Equivalence.Equivalence<TextInputProps<unknown, unknown>> = Equivalence.struct({
+    ref: Equivalence.strict(),
+    debounce: Duration.Equivalence,
+    textFieldRootProps: Record.getEquivalence(Equivalence.strict()),
+})
+
+
 export const TextInput = <A, R>(schema: Schema.Schema<A, string, R>) => Component.makeUntraced(
-    function* TextInput(props: TextInput.Props<A, R>) {
+    function* TextInput(props: TextInputProps<A, R>) {
         const input = yield* useInput({ ...props, schema })
+
         return (
-            <TextField.Root
-                {...props}
-            >
+            <TextField.Root {...props.textFieldRootProps}>
 
             </TextField.Root>
         )