import React from "react"; import { useModalTabsState } from "../../../zustand/ModalTabsState"; const TabsBar = ({ steps }: any) => { const { ActiveTab, setActiveTab } = useModalTabsState((state) => state); function handleTabClick(index: number) { // setActiveTab(index); } return (
{steps?.map( (step: any, index: any) => !step.hidden && (
handleTabClick(index)} className={`ModelBodyTab ${ActiveTab === index ? "activeModeltab" : ""}`} key={index} >
{index + 1}
{step.title}

{step.description}

), )}
); }; export default TabsBar;