import React, { useState, useEffect } from "react"; import PasswordInput from "."; import TextInput from "../text-input"; const Template = ({ settingMinLength, settingsUpperCase, settingsDigits, settingsSpecSymbols, tooltipPasswordLength, onChange, onValidateInput, onCopyToClipboard, ...args }) => { const [value, setValue] = useState(""); const [fakeSettings, setFakSettings] = useState(); useEffect(() => { setFakSettings({ minLength: settingMinLength, upperCase: settingsUpperCase, digits: settingsDigits, specSymbols: settingsSpecSymbols, }); setValue(""); }, [ settingMinLength, settingsUpperCase, settingsDigits, settingsSpecSymbols, ]); const onChangeHandler = (e) => { onChange(e.currentTarget.value); setValue(e.currentTarget.value); }; const onValidateInputHandler = (e) => { onValidateInput(e); }; const onCopyToClipboardHandler = (e) => { onCopyToClipboard(`Data ${e} copied to clipboard`); }; return (