import React, { useState } from 'react';

const Button = () => {
  const [isUnPressed, setIsUnPressed] = useState(false);

  const handleButtonClick = () => {
    setIsUnPressed(true);
    // 更改按钮的背景颜色和文本颜色
    // ...
  };

  const handleResetButton = () => {
    setIsUnPressed(false);
    // 恢复按钮的背景颜色和文本颜色为默认值
    // ...
  };

  return (
    <button
      onClick={handleButtonClick}
      style={{
        backgroundColor: isUnPressed ? 'red' : 'blue',
        color: isUnPressed ? 'white' : 'black',
      }}
    >
      {isUnPressed ? 'Unpressed' : 'Default'}
    </button>
  );
};

export default Button;