如何将居中选项卡项更改为按钮，它的作用类似于操作按钮？

import React, { useState } from 'react';

const TabButton = ({ label, active, onClick }) => {
  return (
    <button
      className={`tab-button ${active ? 'active' : ''}`}
      onClick={onClick}
    >
      {label}
    </button>
  );
};

const TabComponent = () => {
  const [activeTab, setActiveTab] = useState(0);

  const handleTabClick = (index) => {
    setActiveTab(index);
    // 执行相应的操作
  };

  return (
    <div className="tab-container">
      <TabButton
        label="按钮1"
        active={activeTab === 0}
        onClick={() => handleTabClick(0)}
      />
      <TabButton
        label="按钮2"
        active={activeTab === 1}
        onClick={() => handleTabClick(1)}
      />
      <TabButton
        label="按钮3"
        active={activeTab === 2}
        onClick={() => handleTabClick(2)}
      />
    </div>
  );
};

export default TabComponent;