export default function AdminTabs({ tabs, activeTab, onChange }) {
  return (
    <div className="wp-ai-admin-tabs" role="tablist" aria-label="AI Chat Settings Tabs">
      {tabs.map((tab) => (
        <button
          key={tab.id}
          type="button"
          role="tab"
          aria-selected={activeTab === tab.id}
          className={activeTab === tab.id ? 'is-active' : ''}
          onClick={() => onChange(tab.id)}
        >
          {tab.label}
        </button>
      ))}
    </div>
  );
}