import { Home } from '../home';
import { UpComing } from '../up-coming';
import { MySpaces } from '../my-spaces';
import { ExploreSpaces } from '../explore-spaces';
export const TabsView: React.FC<TabViewProps> = ({ activeTab }) => {
  if (activeTab === 0) {
    return <Home />;
  } else if (activeTab === 1) {
    return <UpComing />;
  } else if (activeTab === 2) {
    return <MySpaces />;
  } else if (activeTab === 3) {
    return <ExploreSpaces />;
  } else {
    return null;
  }
};
interface TabViewProps {
  activeTab: number;
}
