как отобразить пароль

У меня есть поле пароль и кнопка показать пароль. как мне отобразить пароль или скрыть при toggle?

<Input
                    placeholder="123456789"
                    label="Пароль"
                    variant="outlined"
                    // type="password"
                    type={typePass}
                    name="password"
                    error={errors.password && touched.password}
                    errorText={touched.password && errors.password}
                    onBlur={() => setFieldTouched("password", true, false)}
                    value={values.password}
                    onChange={handleChange}
                  />
                  <button className={showPassword}>Показать пароль</button>

Вот функционал. я просто передаю в стейт состояние атрибута type :

const [typePass, setType] = useState('password')
  const showPassword = () => {
  
      setType('password' ? 'text' : 'password')
   
  }