24 lines
801 B
JavaScript
24 lines
801 B
JavaScript
import { useState } from "react"
|
|
|
|
|
|
function InputText({labelTitle, labelStyle, type, containerStyle, defaultValue, placeholder, updateFormValue, updateType}){
|
|
|
|
const [value, setValue] = useState(defaultValue)
|
|
|
|
const updateInputValue = (val) => {
|
|
setValue(val)
|
|
updateFormValue({updateType, value : val})
|
|
}
|
|
|
|
return(
|
|
<div className={`form-control w-full ${containerStyle}`}>
|
|
<label className="label">
|
|
<span className={"label-text text-base-content " + labelStyle}>{labelTitle}</span>
|
|
</label>
|
|
<input type={type || "text"} value={value} placeholder={placeholder || ""} onChange={(e) => updateInputValue(e.target.value)}className="input input-bordered w-full " />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
|
|
export default InputText |