school-dashboard-exercise/src/Components/Layout/Tabs/ActiveTabs.tsx
2024-06-23 12:16:01 +03:00

19 lines
516 B
TypeScript

import React from "react";
import { Spin } from "antd";
import { useModalTabsState } from "../../../zustand/ModalTabsState";
const ActiveTabs = ({ steps }: any) => {
const { ActiveTab } = useModalTabsState((state) => state);
const renderComponent = () => {
const selectedComponent = steps[Number(ActiveTab)];
// console.log(Number(ActiveTab),"Number(ActiveTab)");
return selectedComponent ? selectedComponent?.component : <Spin />;
};
return renderComponent();
};
export default ActiveTabs;