"use client"
 
import * as React from "react"
 
import { useInputValue } from "@/hooks/use-input-value"
 
export function Component() {
  const name = useInputValue("useKit")
 
  return (
    <div>
      <input
        style={{
          borderRadius: "0.5rem",
          backgroundColor: "rgba(229, 231, 235, 0.2)",
          border: "1px solid rgba(229, 231, 235, 0.2)",
        }}
        {...name}
      />
      <p>Hello, {name.value}!</p>
    </div>
  )
}