我想把眼睛图标内的文本字段，我用作为一个密码，但我找不到一种方法，把它内的文本字段组件在材料用户界面。x1c 0d1x这是代码;

<TextField
        variant="outlined"
        margin="dense"
        required
        fullWidth
        placeholder={placeholder}
        name={label}
        type={showPassword ? "text" : type}
        id={id}
        inputProps={{
          style: {
            background: "white",
            boxShadow: "rgba(0, 0, 0, 0.24) 0px 3px 8px",
            height: "15px",
            borderRadius: "10px",
            width: "100%",
            marginRight: 0,
          },
        }}
        InputProps={{
          classes: { notchedOutline: classes.noBorder },
          endAdornment:
            type === "password" ? (
              <InputAdornment
                position="start"
                classes={{ positionStart: "0px" }}
              >
                <IconButton
                  onClick={handleClickShowPassword}
                  onMouseDown={handleMouseDownPassword}
                >
                  {showPassword ? <Visibility /> : <VisibilityOff />}
                </IconButton>
              </InputAdornment>
            ) : null,
        }}
      />