/* === User Permission Page === */
function PageOperationUser() {
  const [activeTab, setActiveTab] = React.useState("user");

  const tabs = [
    { id: "user", label: "用户管理" },
    { id: "role", label: "角色管理" },
    { id: "permission", label: "权限管理" }
  ];

  return (
    <div className="page-operation">
      <div className="card operation-header-card">
        <div className="tab-container">
          {tabs.map(tab => (
            <button
              key={tab.id}
              className={`tab-btn ${activeTab === tab.id ? "active" : ""}`}
              onClick={() => setActiveTab(tab.id)}
            >
              {tab.label}
            </button>
          ))}
        </div>
        <div className="tab-content">
          <div className="coming-soon">
            <div className="coming-soon-icon">🚧</div>
            <h3>敬请期待...</h3>
            <p>该功能正在开发中，敬请关注</p>
          </div>
        </div>
      </div>
    </div>
  );
}