logos-messaging-js/examples/eth-pm/src/key_pair_handling/PasswordInput.tsx

import { TextField } from "@material-ui/core";
import React, { ChangeEvent } from "react";

interface Props {
  password: string | undefined;
  setPassword: (password: string) => void;
}

export default function PasswordInput({ password, setPassword }: Props) {
  const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => {
    setPassword(event.target.value);
  };

  return (
    <TextField
      id="password-input"
      label="Password"
      variant="filled"
      type="password"
      onChange={handlePasswordChange}
      value={password}
    />
  );
}