MIF_E31222881/resources/js/Components/Input/TextAreaInput.jsx

24 lines
804 B
JavaScript

import { useState } from "react"
function TextAreaInput({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>
<textarea value={value} className="textarea textarea-bordered w-full" placeholder={placeholder || ""} onChange={(e) => updateInputValue(e.target.value)}></textarea>
</div>
)
}
export default TextAreaInput