import React from "react";
import { ControlIcon, KebabIcon, TrashIcon } from "@/assets/svgs";
import { LazyLoad } from "@/components/LazyLoad";
import { GlobalContext } from "@/context/Global";
import { ScaleModalOverlay } from "@/components/ScaleModalOverlay";
import { APIRouteConfigTabs } from "@/utils/constants";

const RouteConfigTabs = ({ setCurrentTab, currentTab }) => {
  const {
    dispatch: globalDispatch,
    state: { selectedRoute },
  } = React.useContext(GlobalContext);

  return (
    <div>
      {Object.keys(APIRouteConfigTabs).map((tab) => (
        <button
          key={tab}
          className={`capitalize`}
          onClick={() => setCurrentTab(tab)}
        >
          {tab}
        </button>
      ))}
    </div>
  );
};

export default RouteConfigTabs;
