Фронтендеры есть? type QuickInputProps<T extends object> = { value: T

Question

Фронтендеры есть? type QuickInputProps<T extends object> = { value: T

onChange: (value: T) => void
}
export function QuickInput<T extends object>({ value, onChange }: QuickInputProps<T>) {
let keys = Object.keys(value)
return (
<div className="bg-slate-700 p-4 space-y-1">
{keys.map((key) => (
<div key={key} className="flex">
<div className="font-medium basis-32 mr-4">{key}:</div>
<input
className="px-2.5 pb-0.5 bg-slate-200 basis-16 min-w-0"
value={value[key]}
onChange={(e) => onChange({ ...value, [key]: e.target.value })}
/>
</div>
))}
</div>
)
}