25 lines
758 B
JavaScript
25 lines
758 B
JavaScript
import { useState } from "react"
|
|
|
|
|
|
function ToogleInput({labelTitle, labelStyle, type, containerStyle, defaultValue, placeholder, updateFormValue, updateType}){
|
|
|
|
const [value, setValue] = useState(defaultValue)
|
|
|
|
const updateToogleValue = () => {
|
|
setValue(!value)
|
|
updateFormValue({updateType, value : !value})
|
|
}
|
|
|
|
return(
|
|
<div className={`form-control w-full ${containerStyle}`}>
|
|
<label className="label cursor-pointer">
|
|
<span className={"label-text text-base-content " + labelStyle}>{labelTitle}</span>
|
|
<input type="checkbox" className="toggle" checked={value} onChange={(e) => updateToogleValue()}/>
|
|
</label>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
|
|
export default ToogleInput
|