Accessible Password Input

accessible-password.tsx

    <TextField
      type={showPassword ? 'text' : 'password'}
      InputProps={{
        endAdornment: (
          <IconButton
            aria-pressed={showPassword ? 'true' : 'false'}
            aria-label='toggle password visibility'
            onClick={() => setShowPassword((prev) => !prev)}
          >
            {showPassword ? <VisibilityOff /> : <Visibility />}
          </IconButton>
        ),
      }}
    />