import React from "react";

export default function MainTabs({ activeTab, setActiveTab }) {
  return (
    <div className="tabs sticky-tabs">
      <button
        type="button"
        className={`tab ${activeTab === "task" ? "active" : ""}`}
        onClick={() => setActiveTab("task")}
      >
        Задача
      </button>
      <button
        type="button"
        className={`tab ${activeTab === "accounts" ? "active" : ""}`}
        onClick={() => setActiveTab("accounts")}
      >
        Аккаунты
      </button>
      <button
        type="button"
        className={`tab ${activeTab === "events" ? "active" : ""}`}
        onClick={() => setActiveTab("events")}
      >
        Основной поток
      </button>
      <button
        type="button"
        className={`tab ${activeTab === "logs" ? "active" : ""}`}
        onClick={() => setActiveTab("logs")}
      >
        История запусков
      </button>
      <button
        type="button"
        className={`tab ${activeTab === "queue" ? "active" : ""}`}
        onClick={() => setActiveTab("queue")}
      >
        Очередь
      </button>
      <button
        type="button"
        className={`tab ${activeTab === "settings" ? "active" : ""}`}
        onClick={() => setActiveTab("settings")}
      >
        Настройки
      </button>
    </div>
  );
}
